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

2、工位上货优化界面

src/views/collect/CollectOrderStatsNew.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="app-container home">
     <div>
-<!--      <h2>单据上传统计</h2>-->
-<!--      <el-divider/>-->
-      <el-card>
+      <div class="mt10 grid-container grid-container1">
 
 
+        <el-card class="grid-item" body-style="padding:0px;height:100%"  >
+
+          <el-row >
             <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form"
                      size="mini" label-width="100px"
             >
@@ -47,9 +48,11 @@
                 </el-form-item>
               </el-row>
             </el-form>
-
+          </el-row>
         </el-card>
-      <div class="mt10 grid-container grid-container3" style="height: 20%">
+
+      </div>
+      <div class="mt10 grid-container grid-container3">
 
 
         <el-card class="grid-item" body-style="padding:0px;height:100%"  >
@@ -482,7 +485,7 @@ export default {
       let piedata = {
         name: "医保上传率",
         type: "pie",
-        radius: ["42%", "65%", "65%"],
+        radius: ["40%", "65%", "65%"],
         avoidLabelOverlap: false,
         itemStyle: {
           borderRadius: 4,
@@ -574,8 +577,8 @@ export default {
               },
             },
             labelLine: {
-              length: 20, // 第一段线 长度
-              length2: 36, // 第二段线 长度
+              length: 10, // 第一段线 长度
+              length2: 18, // 第二段线 长度
               show: true,
 
             },
@@ -819,7 +822,6 @@ export default {
 
 .grid-container1 {
   grid-template-columns: repeat(1, 1fr);
-  padding: 10px;
 }
 
 

src/views/collect/newCreateCodeDetail.vue

@@ -1,18 +1,18 @@
 <template>
   <div>
     <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>
         <div v-for="(item, index) in detailList" :key="index" class="product-info">
           <div class="info-item">
-          <p>产品通用名: {{ item.coName }}</p>
-          <p>规格: {{ item.bzgg }}</p>
-          <p>产品标识: {{ item.nameCode }}</p>
-          <p>批次号: {{ item.batchNo }}</p>
+          <p class="p-title">产品通用名: {{ item.coName }}</p>
+          <p class="p-title">规格: {{ item.bzgg }}</p>
+            <p class="p-title">产品标识: {{ item.nameCode }}</p>
+            <p class="p-title">批次号: {{ item.batchNo }}</p>
           </div>
           <div class="count-items">
-          <p>扫码数量: <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="scan-count">{{ item.count }}</span></p>
+            <p class="p-title">实际数量: <span class="actual-count">{{ item.reCount }}{{ item.prepnUnit }}</span></p>
           </div>
         </div>
 
@@ -21,44 +21,44 @@
         <h2 style="font-weight: bold;">扫码明细({{codeCount}})</h2>
         <!--<el-divider></el-divider>-->
         <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">
             <!--      <el-table-column-->
             <!--        type="selection"-->
             <!--        width="55">-->
             <!--      </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
               label="追溯码"
               prop="code"
               show-overflow-tooltip
-            >
+              style="text-align: right;">
               <template slot-scope="scope">
                 <div style="font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                   {{ scope.row.code }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="100" fixed="right">
-              <template slot-scope="scope">
-                <el-button
-                  type="text"
-                  size="small"
-                  @click.native.stop="deleteCode(scope.$index, scope.row)"
-                >减一
-                </el-button
-                >
-                <el-button
-                  type="text"
-                  size="small"
-                  @click.native.stop="editCode(scope.row)"
-                >编辑
-                </el-button
-                >
-              </template>
-            </el-table-column>
+<!--            <el-table-column label="操作" width="100" fixed="right">-->
+<!--              <template slot-scope="scope">-->
+<!--                <el-button-->
+<!--                  type="text"-->
+<!--                  size="small"-->
+<!--                  @click.native.stop="deleteCode(scope.$index, scope.row)"-->
+<!--                >减一-->
+<!--                </el-button-->
+<!--                >-->
+<!--                <el-button-->
+<!--                  type="text"-->
+<!--                  size="small"-->
+<!--                  @click.native.stop="editCode(scope.row)"-->
+<!--                >编辑-->
+<!--                </el-button-->
+<!--                >-->
+<!--              </template>-->
+<!--            </el-table-column>-->
           </el-table>
 
         </div>
@@ -286,13 +286,16 @@ export default {
 
 .scan-count {
   color: red;
-  font-size: 45px;
+  font-size: 65px;
   font-weight: bold; /* 添加这行代码，使字体加粗 */
 }
 
 .actual-count {
   color: green;
-  font-size: 24px;
+  font-size: 38px;
 }
+.p-title{
+  font-size: 24px;
 
+}
 </style>