Browse Source

前端 sdy

zhongtianhaoyuan 3 years ago
parent
commit
3be2dd6f3e

+ 112 - 90
src/views/taskManagement/moveWarehouseTaskLook.vue

@@ -33,63 +33,65 @@
         >移库任务编号:
         >移库任务编号:
         <span style="font-weight: 600">{{ this.moveTaskNo }}</span></span
         <span style="font-weight: 600">{{ this.moveTaskNo }}</span></span
       >
       >
-      <div v-for="(item, index) in moveLookData" :key="index">
-        <ws-info-table class="inout" v-if="item.inOutType == '移库出库'">
-          <!--出货库-->
-          <div class="library">
-            <span style="margin-left: 14px"
-              >出货库:{{ item.sendWarehouse }}</span
-            >
-            <span style="margin-left: 10px">{{ item.taskStatus }}</span>
-          </div>
-          <!--出库经办人-->
-          <ws-form-item label="出库经办人:" span="1" prop="agent">
-            {{ item.agent }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!--出库重量(吨)-->
-          <ws-form-item label="出库重量(吨):" span="1" prop="weight">
-            {{ item.weight }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!--仓位-->
-          <ws-form-item label="仓位:" span="1" prop="deliveryVolume">
-            {{ item.binNumber == null ? '未指定' : item.binNumber }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!--预计出库日期-->
-          <ws-form-item label="预计出库日期:" span="1" prop="predictDate">
-            {{ item.predictDate }}
-          </ws-form-item>
-        </ws-info-table>
-        <ws-info-table class="inout" v-if="item.inOutType == '移库入库'">
-          <div class="library">
-            <span style="margin-left: 14px">
-              入货库:{{ item.warehouseName }}</span
-            >
-            <span style="margin-left: 10px">{{ item.taskStatus }}</span>
-          </div>
-          <!--入库经办人-->
-          <ws-form-item label="入库经办人:" span="1" prop="agent">
-            {{ item.agent }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!--入库重量(吨)-->
-          <ws-form-item label="入库重量(吨):" span="1" prop="weight">
-            {{ item.weight }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!-- 仓位 -->
-          <ws-form-item label="仓位:" span="1" prop="deliveryVolume">
-            {{ item.binNumber == null ? '未指定' : item.binNumber }}
-          </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <!--预计入库日期-->
-          <ws-form-item label="预计入库日期:" span="1" prop="predictDate">
-            {{ item.predictDate }}
-          </ws-form-item>
-        </ws-info-table>
-      </div>
+      <!-- <div v-for="(item, index) in shipment" > -->
+      <ws-info-table class="inout">
+        <!--出货库-->
+        <div class="library">
+          <span style="margin-left: 14px"
+            >出货库:{{ this.shipment.sendWarehouse }}</span
+          >
+          <span style="margin-left: 10px">{{ this.shipment.taskStatus }}</span>
+        </div>
+        <!--出库经办人-->
+        <ws-form-item label="出库经办人:" span="1" prop="agent">
+          {{ this.shipment.agent }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!--出库重量(吨)-->
+        <ws-form-item label="出库重量(吨):" span="1" prop="weight">
+          {{ shipment.weight }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!--仓位-->
+        <ws-form-item label="仓位:" span="1" prop="deliveryVolume">
+          {{ shipment.binNumber == null ? '未指定' : shipment.binNumber }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!--预计出库日期-->
+        <ws-form-item label="预计出库日期:" span="1" prop="predictDate">
+          {{ shipment.predictDate }}
+        </ws-form-item>
+      </ws-info-table>
+      <!-- </div> -->
+      <!-- <div v-for="(items,index) in enter">  -->
+      <ws-info-table class="inout">
+        <div class="library">
+          <span style="margin-left: 14px">
+            入货库:{{ enter.warehouseName }}</span
+          >
+          <span style="margin-left: 10px">{{ enter.taskStatus }}</span>
+        </div>
+        <!--入库经办人-->
+        <ws-form-item label="入库经办人:" span="1" prop="agent">
+          {{ enter.agent }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!--入库重量(吨)-->
+        <ws-form-item label="入库重量(吨):" span="1" prop="weight">
+          {{ enter.weight }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!-- 仓位 -->
+        <ws-form-item label="仓位:" span="1" prop="deliveryVolume">
+          {{ enter.binNumber == null ? '未指定' : enter.binNumber }}
+        </ws-form-item>
+        <el-divider direction="vertical" class="line"></el-divider>
+        <!--预计入库日期-->
+        <ws-form-item label="预计入库日期:" span="1" prop="predictDate">
+          {{ enter.predictDate }}
+        </ws-form-item>
+      </ws-info-table>
+      <!-- </div> -->
       <ws-info-table class="goods">
       <ws-info-table class="goods">
         <!--货物信息-->
         <!--货物信息-->
         <div class="library">
         <div class="library">
@@ -119,21 +121,21 @@
         <el-input
         <el-input
           placeholder="信息暂无"
           placeholder="信息暂无"
           :disabled="true"
           :disabled="true"
-          v-model="this.waterContent+'%(水)'"
+          v-model="this.waterContent + '%(水)'"
         >
         >
         </el-input>
         </el-input>
         <el-divider direction="vertical" class="line1"></el-divider>
         <el-divider direction="vertical" class="line1"></el-divider>
         <el-input
         <el-input
           placeholder="信息暂无"
           placeholder="信息暂无"
           :disabled="true"
           :disabled="true"
-          v-model="this.weight+'(吨)'"
+          v-model="this.weight + '(吨)'"
         >
         >
         </el-input>
         </el-input>
         <el-divider direction="vertical" class="line1"></el-divider>
         <el-divider direction="vertical" class="line1"></el-divider>
         <el-input
         <el-input
           placeholder="信息暂无"
           placeholder="信息暂无"
           :disabled="true"
           :disabled="true"
-          v-model="this.unitPrice +'(元/吨)'"
+          v-model="this.unitPrice + '(元/吨)'"
         >
         >
         </el-input>
         </el-input>
       </ws-info-table>
       </ws-info-table>
@@ -150,34 +152,34 @@
       />
       />
       <div class="small-title" style="font-size: 16px">实际流转数量</div>
       <div class="small-title" style="font-size: 16px">实际流转数量</div>
       <ws-info-table class="flow">
       <ws-info-table class="flow">
-        <el-table :data="moveLookData" height="90" border style="width: 100%;">
+        <el-table :data="weights" height="90" border style="width: 100%">
           <el-table-column prop="weightOut" label="累计出库量(吨)">
           <el-table-column prop="weightOut" label="累计出库量(吨)">
-            <!-- <template> -->
-              <div class="weights">{{ this.weightOut }}</div>
-            <!-- </template> -->
+            <!-- <template scope="scope"> -->
+              {{this.weightOut}}
+            <!-- </template > -->
           </el-table-column>
           </el-table-column>
           <el-table-column prop="weightIn" label="累计入库量(吨)">
           <el-table-column prop="weightIn" label="累计入库量(吨)">
-            <!-- <template> -->
-              <div class="weights">{{ this.weightIn }}</div>
+            <!-- <template scope="scope"> -->
+              {{this.weightIn}}
             <!-- </template> -->
             <!-- </template> -->
           </el-table-column>
           </el-table-column>
-          <el-table-column prop="transportLoss" label="累计运输损耗(吨)">
-            <!-- <template> -->
-              <div class="weights">
-                {{ this.transportLoss }}
-              </div>
+          <el-table-column prop="transportLoss" label="累计运输损耗(吨)"> 
+             <!-- <template scope="scope">  -->
+              {{this.transportLoss}}
             <!-- </template> -->
             <!-- </template> -->
           </el-table-column>
           </el-table-column>
         </el-table>
         </el-table>
       </ws-info-table>
       </ws-info-table>
       <ws-info-table class="flow1">
       <ws-info-table class="flow1">
-        <el-table :data="moveLookData" height="90" border style="width: 100%">
-          <el-table-column prop="stockReturnCount" label="累计退库量(吨)">
-            <template>
-              <div class="weights">
-                {{ this.retreat == null ? 0 : this.retreat }}
-              </div>
-            </template>
+        <el-table :data="enter.inOutWarehouseTaskList"  border style="width: 100%">
+          <el-table-column prop="weight" label="累计退库量(吨)">
+            <!-- <template>
+              <div>30</div>
+            </template> -->
+             <template scope="scope">
+              {{scope.row.weight}}<span style="margin: 0 20px">至</span>{{scope.row.warehouseName}}
+              <div></div>
+            </template> 
           </el-table-column>
           </el-table-column>
         </el-table>
         </el-table>
       </ws-info-table>
       </ws-info-table>
@@ -240,10 +242,20 @@ export default {
       unitList: [],
       unitList: [],
       name: '',
       name: '',
       moveLookData: [],
       moveLookData: [],
+      shipment: {},
+      enter: {},
       moveTaskNo: '',
       moveTaskNo: '',
+      weights:[
+        // {weightOut: 0},
+        // {weightIn: 0},
+        // { transportLoss: 0}
+      ],
       weightOut: 0,
       weightOut: 0,
       weightIn: 0,
       weightIn: 0,
       transportLoss: 0,
       transportLoss: 0,
+
+      weightIn: 0,
+     
       retreat: 0,
       retreat: 0,
       goodsName: '',
       goodsName: '',
       grade: '',
       grade: '',
@@ -251,7 +263,7 @@ export default {
       waterContent: 0,
       waterContent: 0,
       weight: 0,
       weight: 0,
       unitPrice: 0,
       unitPrice: 0,
-      businessDescribe:'',
+      businessDescribe: '',
     }
     }
   },
   },
 
 
@@ -297,13 +309,19 @@ export default {
           this.moveLookData = response
           this.moveLookData = response
           for (var i = 0; i < this.moveLookData.length; i++) {
           for (var i = 0; i < this.moveLookData.length; i++) {
             if (this.moveLookData[i].inOutType == '移库出库') {
             if (this.moveLookData[i].inOutType == '移库出库') {
-              this.weightOut = this.moveLookData[i].weight
-              this.retreat = this.moveLookData[i].stockReturnCount
-                 this.businessDescribe = this.moveLookData[i].businessDescribe
-            } else {
-              this.weightIn = this.moveLookData[i].weight
+              this.shipment = this.moveLookData[i]
+               this.weightOut = this.moveLookData[i].weight
+              // this.weights.push({weightOut:this.moveLookData[i].weight})
+              // this.weights.splice(1,1,{weightOut:this.moveLookData[i].weight})
+
+            } else  {
+              // if (this.moveLookData[i].inOutType == '移库入库')
+              this.enter = this.shipment = this.moveLookData[i]
+                this.weightIn = this.moveLookData[i].weight
+                //this.weights.push({weightIn:this.moveLookData[i].weight})
+              this.businessDescribe = this.moveLookData[i].businessDescribe
             }
             }
-            this.transportLoss = this.weightOut - this.weightIn
+           this.transportLoss = this.weightOut - this.weightIn
             this.goodsName = this.moveLookData[0].goodsName
             this.goodsName = this.moveLookData[0].goodsName
             this.grade = this.moveLookData[0].grade
             this.grade = this.moveLookData[0].grade
             this.bulkDensity = this.moveLookData[0].bulkDensity
             this.bulkDensity = this.moveLookData[0].bulkDensity
@@ -312,6 +330,7 @@ export default {
             this.unitPrice = this.moveLookData[0].unitPrice
             this.unitPrice = this.moveLookData[0].unitPrice
           }
           }
         })
         })
+        console.log(this.weights,"重量素组")
     },
     },
     selectChapterTwo(e) {
     selectChapterTwo(e) {
       for (var i = 0; i < this.ChapterTwoList.length; i++) {
       for (var i = 0; i < this.ChapterTwoList.length; i++) {
@@ -610,8 +629,8 @@ export default {
 .line1 {
 .line1 {
   height: 50px;
   height: 50px;
 }
 }
-/deep/.is-disabled .el-input__inner{
-   margin-top: 4px;
+/deep/.is-disabled .el-input__inner {
+  margin-top: 4px;
 }
 }
 //业务描述
 //业务描述
 /deep/.el-textarea {
 /deep/.el-textarea {
@@ -663,8 +682,11 @@ export default {
 /deep/.el-textarea__inner {
 /deep/.el-textarea__inner {
   border: none;
   border: none;
 }
 }
-/deep/.el-table th>.cell{
-    color: #000 !important;
-    font-weight: 400;
+/deep/.el-table th > .cell {
+  color: #000 !important;
+  font-weight: 400;
+}
+/deep/.el-table td{
+  text-align: center;
 }
 }
 </style>
 </style>

+ 3 - 53
src/views/taskManagement/tranManagementWarehouseInOutTaskAudit.vue

@@ -24,10 +24,6 @@
     <div class="basicInformation">
     <div class="basicInformation">
       <div class="annu">
       <div class="annu">
         <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey">
         <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey">
-        <!-- <el-radio label="1" class="a">出库</el-radio>
-        <el-radio label="2" class="a">入库</el-radio>
-        <el-radio label="3" class="a">移库</el-radio>
-        <el-radio label="4" class="a">退库并出库</el-radio> -->
       </el-radio-group>
       </el-radio-group>
         <div class="nav">
         <div class="nav">
         <span class="ziti">
         <span class="ziti">
@@ -270,7 +266,7 @@
         </div>
         </div>
         <el-form v-if='!deletetask' ref="form" :model="form" label-width="140px">
         <el-form v-if='!deletetask' ref="form" :model="form" label-width="140px">
           <!-- 仓库名 -->
           <!-- 仓库名 -->
-          <el-form-item label="仓库名">
+          <el-form-item label="仓库名" v-if="dataList1.inOutType == '移库出库'">
             <el-select
             <el-select
             disabled
             disabled
               v-model="dataList1.warehouseName"
               v-model="dataList1.warehouseName"
@@ -286,7 +282,7 @@
             </el-select>
             </el-select>
           </el-form-item>
           </el-form-item>
           <!-- 出库类型 -->
           <!-- 出库类型 -->
-          <el-form-item label="入库类型">
+          <el-form-item label="入库类型" v-if="dataList1.inOutType == '移库出库'">
             <el-select
             <el-select
             disabled
             disabled
               v-model="dataList1.inOutType"
               v-model="dataList1.inOutType"
@@ -508,7 +504,7 @@
             </el-select>
             </el-select>
           </el-form-item>
           </el-form-item>
           <!-- 出库类型 -->
           <!-- 出库类型 -->
-          <el-form-item label="出库类型">
+          <el-form-item label="出库类型" >
             <el-select              
             <el-select              
             :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
             :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
               v-model="dataList.inOutType"
               v-model="dataList.inOutType"
@@ -828,7 +824,6 @@ export default {
     }
     }
   },
   },
   activated() {
   activated() {
-    console.log(1111)
     this.getList()
     this.getList()
   },
   },
   methods: {
   methods: {
@@ -1236,18 +1231,6 @@ export default {
         .then((response) => {
         .then((response) => {
           this.contractNoList = response
           this.contractNoList = response
         })
         })
-      // //临时仓库入库类型
-      // pullDown({ constId: 'WARE1' })
-      //   .toPromise()
-      //   .then((response) => {
-      //     this.storageType = respons
-      //   })
-      // //临时仓库出库类型
-      // pullDown({ constId: 'WARE2' })
-      //   .toPromise()
-      //   .then((response) => {
-      //     this.deliveryType = response
-      //   })
       //仓库名
       //仓库名
       getwarehousename({
       getwarehousename({
         compId: this.compId,
         compId: this.compId,
@@ -1301,7 +1284,6 @@ export default {
         query: { id: row.id },
         query: { id: row.id },
       })
       })
     },
     },
-
     // 关闭 dialog时 处理文件url 初始化upload组件
     // 关闭 dialog时 处理文件url 初始化upload组件
     handleCloe() {
     handleCloe() {
       this.dialogViewSpareMoney = false
       this.dialogViewSpareMoney = false
@@ -1314,38 +1296,6 @@ export default {
           this.historyList = response
           this.historyList = response
         })
         })
     },
     },
-
-    async exportlist() {
-      const { data } = await export1(
-        {
-          compId: sessionStorage.getItem('ws-pf_compId'),
-          contractType: this.contractType,
-          currentPage: this.currentPage,
-          pageSize: this.pageSize,
-          searchType: this.searchType,
-          searchKeyWord: this.searchKeyWord,
-          startDate: this.startDate,
-          endDate: this.endDate,
-        },
-        {},
-        { responseType: 'blob' }
-      ).toPromise()
-      downloadFile({
-        res: data,
-        fileName: `${
-          this.date.year + (this.date.month ? `-${this.date.month}` : '')
-        }_采购合同`,
-        type: 'xls',
-      })
-    },
-
-    // deletecontract(){},
-    //删除
-    approve() {},
-    listQuery() {},
-    total() {},
-    clearfiltQuery() {},
-    selectCrtDuty() {},
   },
   },
 }
 }
 </script>
 </script>

+ 2 - 10
src/views/tranManagement/tranManagementReceivingloadingLook.vue

@@ -711,22 +711,15 @@ activated(){
   border-top: 0px;
   border-top: 0px;
 }
 }
 .ws-info-table .el-form-item .el-form-item__content {
 .ws-info-table .el-form-item .el-form-item__content {
-  border-right: 0px;
-  border-bottom: 0px;
-  border-left: 0px;
-  border-top: 0px;
+  border: none;
 }
 }
 /deep/.ws-info-table .el-form-item {
 /deep/.ws-info-table .el-form-item {
-  border-right: 0px;
-  border-bottom: 0px;
-  border-left: 0px;
-  border-top: 0px;
+  border: none;
 }
 }
 /deep/.ws-info-table .el-form-item .el-form-item__content {
 /deep/.ws-info-table .el-form-item .el-form-item__content {
   background: #f5f7fa;
   background: #f5f7fa;
   border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #d8dce6;
   border: 1px solid #d8dce6;
-  font-family: PingFangSC-Regular, PingFang SC;
   margin-bottom: 5px;
   margin-bottom: 5px;
   background-color: #fff;
   background-color: #fff;
   font-size: 14px;
   font-size: 14px;
@@ -737,7 +730,6 @@ activated(){
 /deep/.ws-info-table .el-form-item .el-form-item__label {
 /deep/.ws-info-table .el-form-item .el-form-item__label {
   background-color: #fff;
   background-color: #fff;
   font-size: 14px;
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   font-weight: 400;
   color: #8890b1;
   color: #8890b1;
   line-height: 16px;
   line-height: 16px;

+ 18 - 42
src/views/tranManagement/tranManagementShippingLook.vue

@@ -101,52 +101,52 @@
         <div style="margin: 18px;color: #69708C;">航次信息</div>
         <div style="margin: 18px;color: #69708C;">航次信息</div>
             <ws-info-table>
             <ws-info-table>
               <!-- 姓名 -->
               <!-- 姓名 -->
-              <ws-form-item label="姓名" span="1" prop="driver" class="siji">
+              <ws-form-item label="姓名:" span="1" prop="driver" class="siji">
                {{item.driver}}
                {{item.driver}}
               </ws-form-item>
               </ws-form-item>
-              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <!-- 电话 -->
               <!-- 电话 -->
               <ws-form-item
               <ws-form-item
-                label="电话"
+                label="电话:"
                 span="1"
                 span="1"
                 prop="driverPhone"
                 prop="driverPhone"
                 class="siji"
                 class="siji"
               >
               >
                 {{ item.driverPhone }}
                 {{ item.driverPhone }}
               </ws-form-item>
               </ws-form-item>
-              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <!--发船日期-->
               <!--发船日期-->
               <ws-form-item
               <ws-form-item
-                label="发船日期"
+                label="发船日期:"
                 span="1"
                 span="1"
                 prop="sendDateStart"
                 prop="sendDateStart"
                 class="siji"
                 class="siji"
               >
               >
                 {{ item.sendDateStart }}
                 {{ item.sendDateStart }}
               </ws-form-item>
               </ws-form-item>
-              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <ws-form-item
               <ws-form-item
-                label="预计到港日期"
+                label="预计到港日期:"
                 span="1"
                 span="1"
                 prop="receiveDateEnd"
                 prop="receiveDateEnd"
                 class="siji"
                 class="siji"
               >
               >
                 {{ item.receiveDateEnd }}
                 {{ item.receiveDateEnd }}
               </ws-form-item>
               </ws-form-item>
-              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <!-- 船名 -->
               <!-- 船名 -->
-              <ws-form-item label="船名" span="1" prop="shipName" class="siji">
+              <ws-form-item label="船名:" span="1" prop="shipName" class="siji">
                 {{ item.shipName }}
                 {{ item.shipName }}
               </ws-form-item>
               </ws-form-item>
-            <el-divider direction="vertical" class="line"></el-divider>
+            <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <!-- 航次 -->
               <!-- 航次 -->
-              <ws-form-item label="航次" span="1" prop="shipNo" class="siji">
+              <ws-form-item label="航次:" span="1" prop="shipNo" class="siji">
                 {{ item.shipNo }}
                 {{ item.shipNo }}
               </ws-form-item>
               </ws-form-item>
 
 
-              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- <el-divider direction="vertical" class="line"></el-divider> -->
               <!-- 类型 -->
               <!-- 类型 -->
-              <ws-form-item label="类型" span="1" prop="shipType" class="siji">
+              <ws-form-item label="类型:" span="1" prop="shipType" class="siji">
                 {{ item.shipType }}
                 {{ item.shipType }}
               </ws-form-item>
               </ws-form-item>
               <ws-form-item
               <ws-form-item
@@ -395,26 +395,6 @@ export default {
       console.log(`当前页: ${val}`)
       console.log(`当前页: ${val}`)
       this.getList()
       this.getList()
     },
     },
-    // getList() {
-    //   // 货名
-    //   pullDown({ constId: 'CON2' })
-    //     .toPromise()
-    //     .then((response) => {
-    //       this.goodnameList = response
-    //     })
-    //   // 品级
-    //   pullDown({ constId: 'CON3' })
-    //     .toPromise()
-    //     .then((response) => {
-    //       this.gradeList = response
-    //     })
-    //   // 类型
-    //   pullDown({ constId: 'CON5' })
-    //     .toPromise()
-    //     .then((response) => {
-    //       this.storageType = response
-    //     })
-    // },
     selecttaskType(e) {
     selecttaskType(e) {
       for (var i = 0; i < this.taskTypeList.length; i++) {
       for (var i = 0; i < this.taskTypeList.length; i++) {
         if (this.taskTypeList[i].value == e) {
         if (this.taskTypeList[i].value == e) {
@@ -507,11 +487,6 @@ export default {
 .position .siji {
 .position .siji {
   width: 16%;
   width: 16%;
 }
 }
-/deep/.position .ws-info-table .el-form-item .el-form-item__label {
-  // width: 43%;
-  // text-align: center;
-  background-color: #f5f7fa;
-}
 .position .zaizhong {
 .position .zaizhong {
   width: 16%;
   width: 16%;
 }
 }
@@ -574,6 +549,8 @@ export default {
 }
 }
 /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
 /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
   border: 0px;
   border: 0px;
+  border-right: 1px solid #D8DCE6;
+  border-radius: 0px;
 }
 }
 /deep/.ws-class-table-col {
 /deep/.ws-class-table-col {
   height: auto;
   height: auto;
@@ -614,7 +591,7 @@ export default {
   line-height: 16px;
   line-height: 16px;
 }
 }
 .position .siji {
 .position .siji {
-  width: 13%;
+  width: 14.28%;
 }
 }
 .el-form {
 .el-form {
   height: 1000px;
   height: 1000px;
@@ -624,9 +601,8 @@ export default {
 }
 }
 /deep/.position .ws-info-table .el-form-item .el-form-item__label {
 /deep/.position .ws-info-table .el-form-item .el-form-item__label {
   background-color: #f5f7fa;
   background-color: #f5f7fa;
-  // text-align: center;
-  width: 43%;
-  
+  text-align: right;
+  width: 45%;  
 }
 }
 .middle {
 .middle {
   background: #f6f7fc;
   background: #f6f7fc;

+ 9 - 7
src/views/tranManagement/tranManagementTransporFeedbackLook.vue

@@ -107,19 +107,19 @@
             </ws-form-item>
             </ws-form-item>
 
 
             <!--电话-->
             <!--电话-->
-            <ws-form-item label="司机电话" span="1" prop="driverPhone">
+            <ws-form-item label="司机电话:" span="1" prop="driverPhone">
               <span>{{ item.driverPhone }} </span>
               <span>{{ item.driverPhone }} </span>
             </ws-form-item>
             </ws-form-item>
             <!--车牌号-->
             <!--车牌号-->
-            <ws-form-item label="车牌号" span="1" prop="carNo">
+            <ws-form-item label="车牌号:" span="1" prop="carNo">
               <span>{{ item.carNo }} </span>
               <span>{{ item.carNo }} </span>
             </ws-form-item>
             </ws-form-item>
             <!--装车(吨)-->
             <!--装车(吨)-->
-            <ws-form-item label="装车净重(吨)" span="1" prop="loadNetWeight">
+            <ws-form-item label="装车净重(吨):" span="1" prop="loadNetWeight">
               {{ item.loadNetWeight }}
               {{ item.loadNetWeight }}
             </ws-form-item>
             </ws-form-item>
             <!--磅单-->
             <!--磅单-->
-            <ws-form-item label="磅单" span="1" prop="loadPoundImg">
+            <ws-form-item label="磅单:" span="1" prop="loadPoundImg">
               <template slot-scope="scope">
               <template slot-scope="scope">
                 <img
                 <img
                   width="18"
                   width="18"
@@ -715,13 +715,15 @@ height: 50px;
 }
 }
 /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
 /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
   border: 0px;
   border: 0px;
+  border-right: 1px solid #D8DCE6;
+  border-radius: 0px;
 }
 }
 //联络员及车次
 //联络员及车次
 /deep/.liaison .ws-info-table .el-form-item {
 /deep/.liaison .ws-info-table .el-form-item {
   width: 20%;
   width: 20%;
 }
 }
 /deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
 /deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
-  width: 30%;
+  width: 40%;
   background: #F6F7FC;
   background: #F6F7FC;
 }
 }
 /deep/.liaison .flex {
 /deep/.liaison .flex {
@@ -748,7 +750,7 @@ margin-top: 20px;
   border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #5473e8;
   border: 1px solid #5473e8;
   padding: 0 3px;
   padding: 0 3px;
-  margin-left: 90px;
+  margin-left: 30px;
   color: #ffffff;
   color: #ffffff;
   background: #c4cada;
   background: #c4cada;
   line-height: 24px;
   line-height: 24px;
@@ -759,7 +761,7 @@ margin-top: 20px;
   border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #5473e8;
   border: 1px solid #5473e8;
   padding: 0 3px;
   padding: 0 3px;
-  margin-left: 90px;
+  margin-left: 30px;
   color: #5473E8;
   color: #5473E8;
   line-height: 24px;
   line-height: 24px;
 }
 }

+ 16 - 16
src/views/tranManagement/tranManagementVehicleLook.vue

@@ -102,19 +102,19 @@
             </span>
             </span>
           </div>
           </div>
           <!--姓名-->
           <!--姓名-->
-          <ws-form-item label="姓名" span="1" prop="driver">{{
+          <ws-form-item label="姓名:" span="1" prop="driver">{{
             item.driver
             item.driver
           }}</ws-form-item>
           }}</ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
           <ws-form-item
           <ws-form-item
             class="phone"
             class="phone"
-            label="电话"
+            label="电话:"
             span="1"
             span="1"
             prop="driverPhone"
             prop="driverPhone"
             >{{ item.driverPhone }}</ws-form-item
             >{{ item.driverPhone }}</ws-form-item
           >
           >
-          <el-divider direction="vertical" class="line"></el-divider>
-          <ws-form-item label="车牌号" span="1" prop="carNo">
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
+          <ws-form-item label="车牌号:" span="1" prop="carNo">
             <template slot-scope="scope">
             <template slot-scope="scope">
             <el-popover
             <el-popover
               placement="top"
               placement="top"
@@ -145,21 +145,21 @@
             </el-popover>
             </el-popover>
           </template>
           </template>
           </ws-form-item>
           </ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <ws-form-item label="装车(吨)" span="1" prop="loadNetWeight">{{
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
+          <ws-form-item label="装车(吨):" span="1" prop="loadNetWeight">{{
             item.loadNetWeight
             item.loadNetWeight
           }}</ws-form-item>
           }}</ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <ws-form-item label="卸车(吨)" span="1" prop="unloadNetWeight">{{
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
+          <ws-form-item label="卸车(吨):" span="1" prop="unloadNetWeight">{{
             item.unloadNetWeight
             item.unloadNetWeight
           }}</ws-form-item>
           }}</ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
-          <ws-form-item label="损耗(吨)" span="1" prop="loss">{{
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
+          <ws-form-item label="损耗(吨):" span="1" prop="loss">{{
             item.loss
             item.loss
           }}</ws-form-item>
           }}</ws-form-item>
-          <el-divider direction="vertical" class="line"></el-divider>
+          <!-- <el-divider direction="vertical" class="line"></el-divider> -->
           <ws-form-item
           <ws-form-item
-            label="合同"
+            label="合同:"
             span="1"
             span="1"
             prop="unloadNetWeight"
             prop="unloadNetWeight"
             class="hetong"
             class="hetong"
@@ -440,10 +440,10 @@ export default {
   font-size: 14px;
   font-size: 14px;
 }
 }
 /deep/.driver .ws-info-table .el-form-item {
 /deep/.driver .ws-info-table .el-form-item {
-  width: 13.1%;
+  width: 14.286%;
 }
 }
 /deep/.driver .ws-info-table .el-form-item .el-form-item__label {
 /deep/.driver .ws-info-table .el-form-item .el-form-item__label {
-  width: 86px;
+  width: 50%;
   text-align: center;
   text-align: center;
   background: #f6f7fb;
   background: #f6f7fb;
   font-size: 14px;
   font-size: 14px;
@@ -459,7 +459,7 @@ export default {
   margin-left: 15px;
   margin-left: 15px;
 }
 }
 /deep/.driver .ws-info-table .el-form-item .el-form-item__content {
 /deep/.driver .ws-info-table .el-form-item .el-form-item__content {
-  // border-right: 1px solid #8890b1;
+   border-right: 1px solid #D8DCE6;
   background: #f6f7fb;
   background: #f6f7fb;
   font-size: 14px;
   font-size: 14px;
   color: #8890b1;
   color: #8890b1;