修改开单录单样式问题

src/components/tablecmt/tablecmt.vue

@@ -785,4 +785,10 @@ defineExpose({ handleCheckSelect });
 .el-input {
   // width: 200px !important;
 }
+
+.el-table__footer {
+  tr {
+    background-color: var(--el-fill-color-light) !important;
+  }
+}
 </style>

src/views/distribution/inventory/CreateOrder.vue

@@ -195,7 +195,7 @@
               </el-row>
             </div>
           </div>
-          <div>
+          <div class="border-left">
             <div class="flex-c table-row-title">收货方</div>
             <div>
               <el-row>
@@ -516,7 +516,7 @@
           </div>
 
           <!-- 付款方式 -->
-          <div>
+          <div class="border-left">
             <div style="flex: 1">
               <div class="table-row-title" style="margin-bottom: 10px">
                 <div class="table-row-title-item">付款方式</div>
@@ -1729,6 +1729,11 @@ $borderColor: #172e60;
 :deep(.el-input__wrapper) {
   box-shadow: none;
   border-bottom: 1px solid $borderColor;
+  border-radius: 0;
+}
+
+.border-left {
+  border-left: 1px dashed $borderColor;
 }
 
 // 页面字体大小
@@ -1741,21 +1746,21 @@ $borderColor: #172e60;
 }
 
 .border-top {
-  border-top: 1px solid $borderColor;
+  border-top: 1px dashed $borderColor;
 }
 
 .table-row {
   width: 100%;
   display: flex;
-  // border-top: 1px solid $borderColor;
-  border-left: 1px solid $borderColor;
+  // border-top: 1px dashed  $borderColor;
+  border-left: 1px dashed $borderColor;
   border-bottom: none;
   box-sizing: border-box;
 
   &:first-child {
     display: block;
-    border-top: 1px solid $borderColor;
-    border-left: 1px solid $borderColor;
+    border-top: 1px dashed $borderColor;
+    border-left: 1px dashed $borderColor;
 
     > div {
       width: 100%;
@@ -1765,8 +1770,8 @@ $borderColor: #172e60;
 
   &:last-child {
     display: block;
-    border-bottom: 1px solid $borderColor;
-    border-right: 1px solid $borderColor;
+    border-bottom: 1px dashed $borderColor;
+    border-right: 1px dashed $borderColor;
     box-sizing: border-box;
 
     > div {
@@ -1778,8 +1783,8 @@ $borderColor: #172e60;
   > div {
     flex: 1;
     padding: 5px;
-    border-bottom: 1px solid $borderColor;
-    border-right: 1px solid $borderColor;
+    border-bottom: 1px dashed $borderColor;
+    border-right: 1px dashed $borderColor;
     display: inline-flex;
     box-sizing: border-box;
   }

src/views/waybill/CreateZeroOrder.vue

@@ -159,7 +159,7 @@
               </el-row>
             </div>
           </div>
-          <div>
+          <div class="border-left">
             <div class="flex-c table-row-title">收货方</div>
             <div>
               <el-row>
@@ -505,7 +505,7 @@
           </div>
 
           <!-- 付款方式 -->
-          <div style="zoom: 0.9">
+          <div style="zoom: 0.9" class="border-left">
             <div style="flex: 1">
               <div class="table-row-title" style="margin-bottom: 10px">
                 <div class="table-row-title-item">付款方式</div>
@@ -1587,6 +1587,7 @@ $borderColor: #172e60;
 :deep(.el-input__wrapper) {
   box-shadow: none;
   border-bottom: 1px solid #777;
+  border-radius: 0;
 }
 
 // 页面字体大小
@@ -1599,21 +1600,21 @@ $borderColor: #172e60;
 }
 
 .border-top {
-  border-top: 1px solid $borderColor;
+  border-top: 1px dashed $borderColor;
 }
 
 .table-row {
   width: 100%;
   display: flex;
-  // border-top: 1px solid $borderColor;
-  border-left: 1px solid $borderColor;
+  // border-top: 1px dashed  $borderColor;
+  border-left: 1px dashed $borderColor;
   border-bottom: none;
   box-sizing: border-box;
 
   &:first-child {
     display: block;
-    border-top: 1px solid $borderColor;
-    border-left: 1px solid $borderColor;
+    border-top: 1px dashed $borderColor;
+    border-left: 1px dashed $borderColor;
 
     > div {
       width: 100%;
@@ -1623,8 +1624,8 @@ $borderColor: #172e60;
 
   &:last-child {
     display: block;
-    border-bottom: 1px solid $borderColor;
-    border-right: 1px solid $borderColor;
+    border-bottom: 1px dashed $borderColor;
+    border-right: 1px dashed $borderColor;
     box-sizing: border-box;
 
     > div {
@@ -1636,13 +1637,17 @@ $borderColor: #172e60;
   > div {
     flex: 1;
     padding: 5px;
-    border-bottom: 1px solid $borderColor;
-    border-right: 1px solid $borderColor;
+    border-bottom: 1px dashed $borderColor;
+    border-right: 1px dashed $borderColor;
     display: inline-flex;
     box-sizing: border-box;
   }
 }
 
+.border-left {
+  border-left: 1px dashed $borderColor;
+}
+
 .table-row-title {
   background: #f5f7fa;
   margin-right: 10px;

vite.config.js

@@ -14,7 +14,7 @@ export default ({ mode, command }) => {
         '/api': {
           // target: 'http://192.168.10.126:8889',
           // hy
-          // target: 'http://192.168.10.48:13000',
+          target: 'http://192.168.10.48:13000',
           // lmy
           // target: 'http://192.168.10.123:8889',
           // target: 'http://192.168.10.101:8888',
@@ -25,7 +25,7 @@ export default ({ mode, command }) => {
           // target: 'http://192.168.6.122:8777',
           // target: 'http://192.168.10.25:13000',
           // target: 'http://192.168.10.57:13000',
-          target: 'http://192.168.6.122:8777',
+          // target: 'http://192.168.6.122:8777',
           // target: 'http://192.168.6.116:8777',
           // tjj
           // sst