修改

src/views/TMS/components/domesticMine/wagonLoadEdit.vue

@@ -1,47 +1,45 @@
 <template>
   <!-- 修改车皮装车实绩 -->
-  <div class="contractDetails">
+  <div class="edit-domesticMine">
     <page-title>返回</page-title>
       <div class="form">
         <div class="form_box">
           <dil-form :formId="254" v-model="form1"></dil-form>
-        </div>
+          <el-form :inline="true" label-width="70px">
+            <div class="preview-group">
+              <el-form-item label="发站:">
+                  <el-autocomplete
+                    class="inline-input"
+                    v-model="sendStation"
+                    :fetch-suggestions="querySearchSendStation"
+                    placeholder="请输入发站名称"
+                    :trigger-on-focus="false"
+                    @select="handleSelectSendStation"
+                  >
+                    <template slot-scope="{ item }">
+                      <div class="name">{{ item.arrivalName }}</div>
+                    </template>
+                  </el-autocomplete>
+                </el-form-item>
+                <el-form-item label="到站:">
+                  <el-autocomplete
+                    class="inline-input"
+                    v-model="toTheStation"
+                    :fetch-suggestions="querySearchToTheStation"
+                    placeholder="请输入到站名称"
+                    :trigger-on-focus="false"
+                    @select="handleSelectToTheStation"
+                  >
+                    <template slot-scope="{ item }">
+                      <div class="name">{{ item.arrivalName }}</div>
+                    </template>
+                  </el-autocomplete>
+                </el-form-item>
+            </div>
+          </el-form>
+      </div>
     </div>
-    <div class="fromOther">
-      <el-form :inline="true" class="demo-form-inline" label-width="70px" style="margin-left:35%;">
-        <el-form-item label="发站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="sendStation"
-            :fetch-suggestions="querySearchSendStation"
-            placeholder="请输入发站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectSendStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
-      </el-form>
-      <el-form :inline="true" class="demo-form-inline" label-width="70px" style="margin-left:35%;">
-        <el-form-item label="到站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="toTheStation"
-            :fetch-suggestions="querySearchToTheStation"
-            placeholder="请输入到站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectToTheStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="button_box">
+    <div class="button_box-domesticMine">
       <el-button type="primary" @click="onClickConfirm">确认</el-button>
       <el-button @click="onClickCancel">返回</el-button>
     </div>
@@ -206,7 +204,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.contractDetails {
+.edit-domesticMine {
   .form {
     display: flex;
     .form_box {
@@ -234,7 +232,7 @@ export default {
       }
     }
   }
-  .button_box {
+  .button_box-domesticMine {
     margin-left: 42%;
     margin-top: 55px;
     width: 300px;

src/views/TMS/components/importedEmergency/editWagonLoadEmergency.vue

@@ -1,48 +1,46 @@
 <template>
   <!-- 修改车皮装车实绩 -->
-  <div class="addWagonLoad">
+  <div class="edit-importedEmergency">
     <page-title>编辑</page-title>
 
     <div class="form">
       <div class="form_box">
         <dil-form :formId="254" v-model="form1"></dil-form>
-      </div>
-    </div>
-    <div class="fromOther">
-      <el-form :inline="true" class="demo-form-inline" label-width="80px" style="margin-left:520px;">
-        <el-form-item label="发站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="sendStation"
-            :fetch-suggestions="querySearchSendStation"
-            placeholder="请输入发站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectSendStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
-      </el-form>
-      <el-form :inline="true" class="demo-form-inline" label-width="80px" style="margin-left:520px;">
-        <el-form-item label="到站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="toTheStation"
-            :fetch-suggestions="querySearchToTheStation"
-            placeholder="请输入到站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectToTheStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
+        <el-form :inline="true" label-width="70px">
+          <div class="preview-group">
+              <el-form-item label="发站:">
+                <el-autocomplete
+                  class="inline-input"
+                  v-model="sendStation"
+                  :fetch-suggestions="querySearchSendStation"
+                  placeholder="请输入发站名称"
+                  :trigger-on-focus="false"
+                  @select="handleSelectSendStation"
+                >
+                  <template slot-scope="{ item }">
+                    <div class="name">{{ item.arrivalName }}</div>
+                  </template>
+                </el-autocomplete>
+              </el-form-item>
+              <el-form-item label="到站:">
+                <el-autocomplete
+                  class="inline-input"
+                  v-model="toTheStation"
+                  :fetch-suggestions="querySearchToTheStation"
+                  placeholder="请输入到站名称"
+                  :trigger-on-focus="false"
+                  @select="handleSelectToTheStation"
+                >
+                  <template slot-scope="{ item }">
+                    <div class="name">{{ item.arrivalName }}</div>
+                  </template>
+                </el-autocomplete>
+              </el-form-item>
+          </div>
       </el-form>
+      </div>
     </div>
-    <div class="button_box">
+    <div class="button_box-importedEmergency">
       <el-button type="primary" @click="onClickConfirm">确认</el-button>
       <el-button @click="onClickCancel">返回</el-button>
     </div>
@@ -219,7 +217,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.addWagonLoad {
+.edit-importedEmergency {
   color: #606266;
   font-size: 0.675rem;
   font-weight: 500;
@@ -255,7 +253,7 @@ export default {
       }
     }
   }
-  .button_box {
+  .button_box-importedEmergency {
     display: flex;
     justify-content: center;
     padding-top: 30px;

src/views/TMS/components/importedMine/editWagonLoad.vue

@@ -1,49 +1,47 @@
 <template>
   <!-- 修改车皮装车实绩 -->
-  <div class="contractDetails">
+  <div class="edit-importedMine">
     <page-title>返回</page-title>
 
     <div class="form">
       <div class="form_box">
         <dil-form :formId="103" v-model="form1"></dil-form>
-      </div>
-    </div>
-    <div class="fromOther">
-      <el-form :inline="true" class="demo-form-inline" label-width="80px" style="margin-left:520px;">
-        <el-form-item label="发站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="sendStation"
-            :fetch-suggestions="querySearchSendStation"
-            placeholder="请输入发站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectSendStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
-      </el-form>
-      <el-form :inline="true" class="demo-form-inline" label-width="80px" style="margin-left:520px;">
-        <el-form-item label="到站:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="toTheStation"
-            :fetch-suggestions="querySearchToTheStation"
-            placeholder="请输入到站名称"
-            :trigger-on-focus="false"
-            @select="handleSelectToTheStation"
-          >
-            <template slot-scope="{ item }">
-              <div class="name">{{ item.arrivalName }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
+        <el-form :inline="true"  label-width="70px">
+        <div class="preview-group">
+          <el-form-item label="发站:">
+            <el-autocomplete
+              class="inline-input"
+              v-model="sendStation"
+              :fetch-suggestions="querySearchSendStation"
+              placeholder="请输入发站名称"
+              :trigger-on-focus="false"
+              @select="handleSelectSendStation"
+            >
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.arrivalName }}</div>
+              </template>
+            </el-autocomplete>
+          </el-form-item>
+          <el-form-item label="到站:">
+            <el-autocomplete
+              class="inline-input"
+              v-model="toTheStation"
+              :fetch-suggestions="querySearchToTheStation"
+              placeholder="请输入到站名称"
+              :trigger-on-focus="false"
+              @select="handleSelectToTheStation"
+            >
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.arrivalName }}</div>
+              </template>
+            </el-autocomplete>
+          </el-form-item>
+        </div>
       </el-form>
+      </div>
     </div>
     <!-- 确定和取消 -->
-    <div class="button_box">
+    <div class="button_box-importedMine">
       <el-button @click="onClickCancel">返回</el-button>
       <el-button type="primary" @click="onClickConfirm">确认</el-button>
     </div>
@@ -220,7 +218,7 @@ export default {
 };
 </script>
 <style lang="scss">
-.contractDetails {
+.edit-importedMine {
   .form {
     display: flex;
     .form_box {
@@ -242,20 +240,13 @@ export default {
               .el-input {
                 width: 250px;
               }
-              .el-textarea {
-                .el-textarea__inner {
-                  width: 220px;
-                  margin-left: 65px;
-                  margin-top: 0.03rem;
-                }
-              }
             }
           }
         }
       }
     }
   }
-  .button_box {
+  .button_box-importedMine {
     margin-left: 42%;
     margin-top: 55px;
   }