tijiao

src/views/SporadicManage/components/sporadicMaterial/transportAppoint/addSporadicTransportAppoint.vue

@@ -3,6 +3,90 @@
   <!-- 新增运输作业页面 -->
   <div id="contractDetails">
     <page-title>运输预约</page-title>
+    <div class="form-box f2">
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="采购订单号">
+          <el-input v-model="purchaseOrder" placeholder="必填" disabled>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="ondrawer(1)">浏览</el-button>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="外轮船名" class="tx">
+          <el-input v-model="foreignShipName" disabled></el-input>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="发货单位" class="tx">
+          <el-input v-model="supplierName" disabled></el-input>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="收货单位" class="tx">
+          <el-input v-model="shipperName" disabled></el-input>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="物资名称" class="tx">
+          <el-input v-model="materialName" disabled></el-input>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="装车点">
+          <el-input v-model="truckPoint" placeholder="必填" disabled>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="ondrawer(2)">浏览</el-button>
+        </el-form-item>
+      </el-form>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        :label-position="left"
+        label-width="80px"
+      >
+        <el-form-item label="卸车点">
+          <el-input v-model="truckPoint1" placeholder="必填" disabled>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="ondrawer(3)">浏览</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <div class="truckList1">
       <div class="forwardingUnit from">
       <span class="text">发货单位：</span>

src/views/inward/components/truckAppoint/addRequirement.vue

@@ -342,7 +342,7 @@ export default {
   }
 }
 .button-box {
-  margin-left: 45%;
+  margin-left: 25px !important;
 }
 }
 </style>

src/views/inward/components/truckAppoint/updateRequirement.vue

@@ -1,6 +1,6 @@
 //修改需求
 <template>
-  <div id="endMaintenance">
+  <div id="updateInwardRequirement">
     <page-title>修改需求</page-title>
     <div>
 <div class="form-box f2">
@@ -219,25 +219,37 @@ export default {
 };
 </script>
 
-<style lang="scss">
-.el-form-item{
-  display: flex;
-}
-.form-box{
-  display: inline-block;
+<style lang="scss" scoped>
+.updateInwardRequirement{
+.form-box {
+  display: inline-block !important;
   margin-left: 38%;
-  .el-input{
-    width:288px
+  .el-input {
+    width: 288px;
   }
-  .el-form{
+  .el-form {
     padding: 10px;
-   .el-form-item__label{
-    width: 80px !important;
   }
+  .tx{
+    margin-left: -75px;
   }
 }
-.button-box
-{
-  margin-left: 48%;
+.box-form {
+  display: inline-block ;
+  padding-left: 38%;
+  .el-form-item {
+    display: flex;
+    padding: 10px;
+    .el-form-item__label {
+      width: 80px !important;
+    }
+    .el-input {
+      width: 288px;
+    }
+  }
+}
+.button-box {
+  margin-left: 25px !important;
+}
 }
 </style>