前端sdy

src/views/tranManagement/tranManagementTransporTrainNo.vue

@@ -752,7 +752,7 @@ export default {
 }
 
 .center {
-  width: 900px;
+  width: 90%;
   margin: 0 auto;
 }
 .el-form-item {

src/views/tranManagement/tranManagementVehicleDispatching.vue

@@ -28,23 +28,11 @@
           <ws-info-table>
             <!-- 任务编号 -->
             <ws-form-item label="任务编号" span="1" prop="processNo">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.processNo"
-                placeholder="请输入任务编号"
-                maxlength="20"
-                size="small"
-              />
+              {{deptBudgetList.processNo}}
             </ws-form-item>
             <!-- 货名 -->
             <ws-form-item label="货名" span="1">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.goodsName"
-                placeholder="请输入货名"
-                maxlength="20"
-                size="small"
-              />
+              {{deptBudgetList.goodsName}}
             </ws-form-item>
             <!--重量（吨）-->
             <ws-form-item
@@ -53,13 +41,7 @@
               prop="tare"
               class="readonly"
             >
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.weight"
-                placeholder="请输入重重"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.weight}}
             </ws-form-item>
 
             <!--发货地址-->
@@ -70,24 +52,12 @@
             </ws-form-item>
             <!--发货人-->
             <ws-form-item label="发货人" span="1" prop="agent">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.sender"
-                placeholder="请输入发货人姓名"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.sender}}
             </ws-form-item>
 
             <!--发货人电话-->
             <ws-form-item label="发货人电话" span="1" prop="agent">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.senderPhone"
-                placeholder="请输入发货人电话"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.senderPhone}}
             </ws-form-item>
             <!--收货地址-->
             <ws-form-item label="收货地址" span="1" prop="netWeight">
@@ -97,24 +67,12 @@
             </ws-form-item>
             <!--收货人-->
             <ws-form-item label="收货人" span="1" prop="receiver">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.receiver"
-                placeholder="请输入收货人"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.receiver}}
             </ws-form-item>
 
             <!--收货人电话-->
             <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.receiverPhone"
-                placeholder="请输入收货人电话"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.receiverPhone}}
             </ws-form-item>
             <!--发货日期-->
             <ws-form-item
@@ -136,26 +94,22 @@
             </ws-form-item>
             <!--合同编号-->
             <ws-form-item label="合同编号" span="1" prop="contractNo">
-              <ws-input
-                :disabled="readonly"
-                v-model="deptBudgetList.contractNo"
-                placeholder="请输入合同编号"
-                maxlength="100"
-                size="small"
-              />
+              {{deptBudgetList.contractNo}}
             </ws-form-item>
           </ws-info-table>
 
           <div class="small-title">派车</div>
 
           <div
-            class="driver position"
+            class="driver position liaison"
             v-for="(item, index) in deptBudgetList.tranCarInfoList"
+            :key="index"
           >
             <ws-info-table>
+               <div class="catNos">司机-{{index+1}}</div>
               <!--司机-->
               <ws-form-item
-                :label="'司机-' + (index + 1)"
+                label="姓名："
                 span="1"
                 prop="driverName"
                 class="siji"
@@ -251,14 +205,15 @@
                 />
               </ws-form-item>
             </ws-info-table>
-            <img
-              width="22"
-              height="22"
-              class="del"
-              @click="del(index)"
-              src="../../../public/img/del.png"
-              alt=""
-            />
+             <span
+                width="22"
+                height="22"
+                class="del"
+                @click="del(index)"
+                src="../../../public/img/del.png"
+                alt=""
+                >×</span
+              >
           </div>
           <div style="text-align: right">
             合计{{ total }}/{{ deptBudgetList.weight }}
@@ -371,8 +326,8 @@ export default {
       this.$router.push({ path: 'tranManagementVehicle' })
     },
     del(index) {
-      if (this.freightspace.length > 1) {
-        this.freightspace.splice(index, 1)
+      if (this.deptBudgetList.tranCarInfoList.length > 1) {
+       this.deptBudgetList.tranCarInfoList.splice(index, 1)
       }
     },
     add() {
@@ -590,7 +545,7 @@ export default {
   padding: 16px 20px;
 }
 .center {
-  width: 80%;
+  width: 90%;
   margin: 0 auto;
 }
 
@@ -628,8 +583,15 @@ export default {
 //减号
 .del {
   position: absolute;
-  right: -28px;
-  top: 29%;
+  // right: -38px;
+  top: 9px;
+  cursor: pointer;
+  right: 0;
+  display: inline-block;
+  font-size: 20px;
+  width: 20px;
+  height: 10px;
+  line-height: 0px;
 }
 .driver .el-form-item {
   width: 16.63%;
@@ -637,4 +599,29 @@ export default {
 /deep/.driver .ws-info-table .el-form-item .el-form-item__label {
   width: 72px;
 }
+/deep/.liaison .ws-info-table .el-form-item {
+  width: 16.66%;
+}
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
+  width: 30%;
+  border: 0px solid #d8dce6;
+  background: #f5f7fa;
+  text-align: center;
+}
+/deep/.liaison {
+  background: #f5f7fa;
+  border-radius: 4px;
+  border: 0px solid #d8dce6;
+}
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
+  border: none;
+   background: #f5f7fa;
+}
+.catNos{
+  width: 100%;
+  height: 30px;
+  margin-top: 10px;
+  margin-left: 20px;
+  font-size: 14px;
+}
 </style>

vue.config.js

@@ -144,7 +144,7 @@ module.exports = {
         // target: 'http://standard-dev.winsea.com/', //目标地址
         // target: 'http://localhost:8090/',
         // target: 'http://192.168.1.121:8090/',
-        target: 'http://192.168.1.119:8090/',
+        target: 'http://192.168.1.115:8090/',
         // target: 'http://192.168.1.119:8090/',
         // target: 'http://192.168.24.5:8098',//目标地址
         // target: 'http://product-server.winsea.com/',