UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1、上传医保界面优化页面

Browse Source 
2、工位上货优化界面
20240912_adapter
qiuyt 2 months ago
parent 282a9f6962
commit 582f7cf488
2 changed files with 83 additions and 78 deletions
Show Stats Download Patch File Download Diff File

98
src/views/collect/CollectOrderStatsNew.vue
Unescape Escape View File

@ -1,55 +1,58 @@
<template> <template>
<div class="app-container home"> <div class="app-container home">
<div> <div>
<!-- <h2>单据上传统计</h2>--> <div class="mt10 grid-container grid-container1">
<!-- <el-divider/>-->
<el-card>
<el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form" <el-card class="grid-item" body-style="padding:0px;height:100%" >
size="mini" label-width="100px"
>
<el-row > <el-row >
<el-col :span="8"> <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form"
<el-form-item label="时间统计:"> size="mini" label-width="100px"
<el-date-picker >
<el-row >
:picker-options="pickerOptions" <el-col :span="8">
v-model="actDateRange" <el-form-item label="时间统计:">
type="daterange" <el-date-picker
format="yyyy 年 MM 月 dd 日"
style="width: 90%" :picker-options="pickerOptions"
value-format="yyyy-MM-dd" v-model="actDateRange"
range-separator="至" type="daterange"
start-placeholder="开始日期" format="yyyy 年 MM 月 dd 日"
end-placeholder="结束日期" style="width: 90%"
> value-format="yyyy-MM-dd"
</el-date-picker> range-separator="至"
start-placeholder="开始日期"
</el-form-item> end-placeholder="结束日期"
>
</el-col> </el-date-picker>
<el-form-item >
</el-form-item>
<el-button-group>
<el-button </el-col>
type="primary" <el-form-item >
icon="el-icon-refresh"
@click="onReset" <el-button-group>
>重置 <el-button
</el-button> type="primary"
<el-button type="primary" icon="el-icon-search" @click="onSubmit(this)" icon="el-icon-refresh"
>查询 @click="onReset"
</el-button >重置
> </el-button>
</el-button-group> <el-button type="primary" icon="el-icon-search" @click="onSubmit(this)"
>查询
</el-form-item> </el-button
>
</el-button-group>
</el-form-item>
</el-row>
</el-form>
</el-row> </el-row>
</el-form> </el-card>
</el-card> </div>
<div class="mt10 grid-container grid-container3" style="height: 20%"> <div class="mt10 grid-container grid-container3">
<el-card class="grid-item" body-style="padding:0px;height:100%" > <el-card class="grid-item" body-style="padding:0px;height:100%" >
@ -482,7 +485,7 @@ export default {
let piedata = { let piedata = {
name: "医保上传率", name: "医保上传率",
type: "pie", type: "pie",
radius: ["42%", "65%", "65%"], radius: ["40%", "65%", "65%"],
avoidLabelOverlap: false, avoidLabelOverlap: false,
itemStyle: { itemStyle: {
borderRadius: 4, borderRadius: 4,
@ -574,8 +577,8 @@ export default {
}, },
}, },
labelLine: { labelLine: {
length: 20, // 第一段线 长度 length: 10, // 第一段线 长度
length2: 36, // 第二段线 长度 length2: 18, // 第二段线 长度
show: true, show: true,
}, },
@ -819,7 +822,6 @@ export default {
.grid-container1 { .grid-container1 {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
padding: 10px;
} }

63
src/views/collect/newCreateCodeDetail.vue
Unescape Escape View File

@ -1,18 +1,18 @@
<template> <template>
<div> <div>
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="15" style="border: 1px solid #e3dfe1; padding:15px; height: 700px; margin-left: 20px;"> <el-col :span="15" style="border: 1px solid #e3dfe1; padding:15px; height: 700px; margin-left: 20px; overflow-y: scroll;">
<h2 style="font-weight: bold;">上货信息</h2> <h2 style="font-weight: bold;">上货信息</h2>
<div v-for="(item, index) in detailList" :key="index" class="product-info"> <div v-for="(item, index) in detailList" :key="index" class="product-info">
<div class="info-item"> <div class="info-item">
<p>产品通用名: {{ item.coName }}</p> <p class="p-title">产品通用名: {{ item.coName }}</p>
<p>规格: {{ item.bzgg }}</p> <p class="p-title">规格: {{ item.bzgg }}</p>
<p>产品标识: {{ item.nameCode }}</p> <p class="p-title">产品标识: {{ item.nameCode }}</p>
<p>批次号: {{ item.batchNo }}</p> <p class="p-title">批次号: {{ item.batchNo }}</p>
</div> </div>
<div class="count-items"> <div class="count-items">
<p>扫码数量: <span class="scan-count">{{ item.count }}</span></p> <p class="p-title">扫码数量: <span class="scan-count">{{ item.count }}</span></p>
<p>实际数量: <span class="actual-count">{{ item.reCount }}{{ item.prepnUnit }}</span></p> <p class="p-title">实际数量: <span class="actual-count">{{ item.reCount }}{{ item.prepnUnit }}</span></p>
</div> </div>
</div> </div>
@ -21,44 +21,44 @@
<h2 style="font-weight: bold;">扫码明细({{codeCount}})</h2> <h2 style="font-weight: bold;">扫码明细({{codeCount}})</h2>
<!--<el-divider></el-divider>--> <!--<el-divider></el-divider>-->
<div style=" border-top: 1px solid #ccc;"> <div style=" border-top: 1px solid #ccc;">
<el-table v-loading="loading" :data="codeArray" style="width: 100%;margin-top: 20px" max-height="350" <el-table v-loading="loading" :data="codeArray" style="width: 100%; margin-top: 20px" max-height="600px"
ref="multipleTable"> ref="multipleTable">
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- type="selection"--> <!-- type="selection"-->
<!-- width="55">--> <!-- width="55">-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column label="序号" type="index" width="55"> <el-table-column label="序号" type="index" width="55" style="text-align: right;">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="追溯码" label="追溯码"
prop="code" prop="code"
show-overflow-tooltip show-overflow-tooltip
> style="text-align: right;">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> <div style="font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
{{ scope.row.code }} {{ scope.row.code }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="100" fixed="right"> <!-- <el-table-column label="操作" width="100" fixed="right">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-button <!-- <el-button-->
type="text" <!-- type="text"-->
size="small" <!-- size="small"-->
@click.native.stop="deleteCode(scope.$index, scope.row)" <!-- @click.native.stop="deleteCode(scope.$index, scope.row)"-->
>减一 <!-- >减一-->
</el-button <!-- </el-button-->
> <!-- >-->
<el-button <!-- <el-button-->
type="text" <!-- type="text"-->
size="small" <!-- size="small"-->
@click.native.stop="editCode(scope.row)" <!-- @click.native.stop="editCode(scope.row)"-->
>编辑 <!-- >编辑-->
</el-button <!-- </el-button-->
> <!-- >-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
</el-table> </el-table>
</div> </div>
@ -286,13 +286,16 @@ export default {
.scan-count { .scan-count {
color: red; color: red;
font-size: 45px; font-size: 65px;
font-weight: bold; /* 添加这行代码，使字体加粗 */ font-weight: bold; /* 添加这行代码，使字体加粗 */
} }
.actual-count { .actual-count {
color: green; color: green;
font-size: 24px; font-size: 38px;
} }
.p-title{
font-size: 24px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save