Bladeren bron

导入列表优化

lucky-lzx 2 jaren geleden
bovenliggende
commit
1a55f9cb4a
1 gewijzigde bestanden met toevoegingen van 37 en 26 verwijderingen
  1. 37 26
      src/views/orderEntry/orderEnter/index.vue

+ 37 - 26
src/views/orderEntry/orderEnter/index.vue

@@ -27,12 +27,9 @@
         @selection="selection_change"
         ><template #table-header="{}">
           <div class="searchBox" style="width: 100%">
-            <el-button class="btn entry" @click="entry" size="mini"
-              >订单导入</el-button
-            >
-            <el-form ref="form" :model="parmValue" size="medium " class="form">
+            <el-form ref="form" :model="parmValue" size="medium " class="form" style="padding-left: 80px;">
               <el-row :gutter="10">
-                <el-col :span="8" style="width: 373px">
+                <el-col :span="8" style="width: 361px">
                   <el-form-item>
                     <periodDatePickerActive
                       :start="parmValue.platform_time_start"
@@ -54,7 +51,7 @@
                       "
                       v-model="parmValue.status"
                       style="width: 100%"
-                      placeholder="咨询类型"
+                      placeholder="状态筛选"
                     >
                       <el-option
                         v-for="item in statusArr"
@@ -81,9 +78,9 @@
                 </el-col>
 
                 <el-col
-                  :span="3"
+                  :span="2"
                   class="fr"
-                  style="width: 140px; margin-left: auto"
+                  style="width: 132px; margin-left: auto"
                 >
                   <el-button
                     size="mini"
@@ -94,7 +91,7 @@
                     >批量关联库存</el-button
                   >
                 </el-col>
-                <el-col :span="3" class="fr" style="width: 66px">
+                <el-col :span="2" class="fr" style="width: 66px">
                   <el-button
                     size="mini"
                     type="primary"
@@ -108,7 +105,7 @@
             </el-form>
             <el-form ref="form" :model="parmValue" size="medium " class="form">
               <el-row :gutter="10">
-                <el-col :span="8" style="width: 373px">
+                <el-col :span="8" style="width: 361px">
                   <el-form-item>
                     <periodDatePickerActive
                       :start="parmValue.addtime_start"
@@ -148,9 +145,9 @@
                 </el-col>
 
                 <el-col
-                  :span="3"
+                  :span="2"
                   class="fr"
-                  style="width: 140px; margin-left: auto"
+                  style="width: 132px; margin-left: auto"
                 >
                   <el-button
                     type="primary"
@@ -162,8 +159,15 @@
                     ></el-button
                   >
                 </el-col>
-                <el-col :span="3" class="fr" style="width: 66px">
+
+                <el-col :span="2" class="fr" style="width: 90px">
+                  <el-button class="btn entry" @click="entry" size="mini" type="success"
+                    >订单导入</el-button
+                  >
+                </el-col>
+                <el-col :span="2" class="fr" style="width: 66px">
                   <el-button
+                  type="warning"
                     icon="el-icon-refresh-right"
                     class="btn"
                     @click="reset"
@@ -478,7 +482,7 @@ export default {
 }
 .form {
   width: 100%;
-  padding-left: 90px;
+  height: 38px;
   box-sizing: border-box;
 }
 .el-row {
@@ -486,11 +490,12 @@ export default {
   // justify-content: space-between;
 }
 /deep/ .el-input__inner {
-  height: 36px;
-  line-height: 36px;
+  height: 28px;
+  line-height: 28px;
 }
 .btn {
-  height: 36px;
+  height: 28px;
+  margin-top: 5px;
   margin-left: 0px;
   display: flex;
   align-items: center;
@@ -500,18 +505,24 @@ export default {
   width: 100%;
   margin-top: 20px;
 }
-.entry {
-  position: absolute;
-  top: 69px;
-  left: -1px;
+/deep/ .setcol-table-lie{
+  top: 5px !important;
+}
+/deep/ .el-dropdown-selfdefine {
+  // background: #63cbe7;
+  // color: #fff;
+  // font-weight: bold;
+  // border: none;
+
+  height: 28px;
+  bottom: 0;
 }
-/deep/ .el-dropdown-selfdefine,
 .entry {
-  background: #63cbe7;
-  color: #fff;
+  // background: #63cbe7;
+  // color: #fff;
   font-weight: bold;
-  border: none;
-  height: 36px;
+  // border: none;
+  height: 28px;
   bottom: 0;
 }
 </style>