修改报表样式

src/styles/media.scss

@@ -9,7 +9,7 @@
 .winseaview-contail {
   width: 100%;
   height: 100%;
-  background: #f0f2f5;
+background: #E8ECF6;
   background-size: 100%;
   background-repeat: no-repeat;
   .winseaview-logo {

src/views/statisticalReport/stockSaleOutReportList.vue

@@ -1,8 +1,8 @@
 //现货销售出库报表
 <template>
-  <div class="container">
-    <el-scrollbar style="height: 100%">
-      <el-row>
+  <div class="">
+    <div style="height: 100%" class="content">
+      <el-row class="content1">
         <el-col style="padding-left: 15px" :span="16">
           <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.carry`" @click="adopt()">备注
           </ws-button>
@@ -21,73 +21,85 @@
           </el-select>
         </el-col>
       </el-row>
-      <el-row v-if='orderList.deliverType==1'>
-        <el-tabs v-model="activeName" @tab-click="handleClick">
-          <el-tab-pane v-for='(item,index) in tranProcessInfo' :key='index'
-            :label="item.label" :name="item.name"></el-tab-pane>
-            <el-tab-pane
-            label="退库" name="退库"></el-tab-pane>
+      <el-row v-if='orderList.deliverType==1' class="content2">
+        <el-tabs v-model="activeName" @tab-click="handleClick" class="content2-tab">
+          <el-tab-pane v-for='(item,index) in tranProcessInfo' class="content2-pane" :key='index' :label="item.label"
+            :name="item.name"></el-tab-pane>
+          <el-tab-pane class="content2-pane" label="退库" name="退库"></el-tab-pane>
         </el-tabs>
+        <div class="content2-item">
+          <div v-if="contractNo != ''">
+            <div class="buyer" v-if="orderList.buyer">买方: {{ orderList.buyer }} </div>
+            <div v-else>买方: </div>
+          </div>
+          <div v-if="contractNo != ''" class="row2">
+            <span v-if="orderList.goodsName">货名: {{ orderList.goodsName }} </span>
+            <span v-else>货名: </span>
+            <span v-if="orderList.weight">合同重量: {{ orderList.weight }} 吨</span>
+            <span v-else>合同重量: 0 吨</span>
+            <span v-if="outboundVolume">出库量: {{ outboundVolume }} 吨</span>
+            <span v-else>出库量: 0 吨</span>
+            <span v-if="orderList.unitContractPrice">合同单价: {{ orderList.unitContractPrice }} 元/吨</span>
+            <span v-else>合同单价: 0 元/吨</span>
+            <span v-if="amountReceivable">应收: {{ amountReceivable }} 元</span>
+            <span v-else>应收: 0 元</span>
+            <span v-if="amountReceived">已收: {{ amountReceived }} 元
+              <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
+                src="../../../public/img/fujian.png" @click="fujian1()" alt="" />
+            </span>
+            <span v-else>已收: 0 元</span>
+            <span v-if="uncollectedAmount">未收: {{ uncollectedAmount }} 元</span>
+            <span v-else>未收: 0 元</span>
+            <span v-if="orderList.deposit">定金: {{ orderList.deposit }} 元
+              <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
+                src="../../../public/img/fujian.png" @click="fujian()" alt="" />
+            </span>
+            <span v-else>定金: 0 元</span>
+          </div>
+        </div>
+
       </el-row>
-      <div v-if="contractNo != ''">
-        <span v-if="orderList.buyer">买方: {{ orderList.buyer }} </span>
-        <span v-else>买方: </span>
-      </div>
-      <div v-if="contractNo != ''">
-        <span v-if="orderList.goodsName">货名: {{ orderList.goodsName }} </span>
-        <span v-else>货名: </span>
-        <span v-if="orderList.weight">合同重量: {{ orderList.weight }} 吨</span>
-        <span v-else>合同重量: 0 吨</span>
-        <span v-if="outboundVolume">出库量: {{ outboundVolume }} 吨</span>
-        <span v-else>出库量: 0 吨</span>
-        <span v-if="orderList.unitContractPrice">合同单价: {{ orderList.unitContractPrice }} 元/吨</span>
-        <span v-else>合同单价: 0 元/吨</span>
-        <span v-if="amountReceivable">应收: {{ amountReceivable }} 元</span>
-        <span v-else>应收: 0 元</span>
-        <span v-if="amountReceived">已收: {{ amountReceived }} 元
-          <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
-            src="../../../public/img/fujian.png" @click="fujian1()" alt="" />
-        </span>
-        <span v-else>已收: 0 元</span>
-        <span v-if="uncollectedAmount">未收: {{ uncollectedAmount }} 元</span>
-        <span v-else>未收: 0 元</span>
-        <span v-if="orderList.deposit">定金: {{ orderList.deposit }} 元
-          <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
-            src="../../../public/img/fujian.png" @click="fujian()" alt="" />
-        </span>
-        <span v-else>定金: 0 元</span>
-      </div>
+
       <!-- 自运 -->
-      <el-table class="wenzi" :data="saleList.records" :row-class-name="tableRowClassName" style="width: 100%; margin-top: 20px" ref="saleList" border
-        :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange"
-        @row-click="handleRowClick" v-if="orderList.deliverType==1">
+      <el-table class="wenzi" :data="saleList.records" :row-class-name="tableRowClassName"
+        style="width: 100%; padding-top: 20px" ref="saleList" border :summary-method="getSummaries" show-summary
+        @selection-change="handleSelectionChange" @row-click="handleRowClick" v-if="orderList.deliverType==1">
         <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column type="index" label="序号" width="50"></el-table-column>
-        <el-table-column  v-if="this.tranType!='退库'" class="table_td" prop="processNo" label="运输任务阶段编号"></el-table-column>
+        <el-table-column v-if="this.tranType!='退库'" class="table_td" prop="processNo" label="运输任务阶段编号">
+        </el-table-column>
         <el-table-column class="table_td" prop="warehouseName" label="仓库" v-if="this.tranType=='退库'"></el-table-column>
         <el-table-column class="table_td" prop="carNo" label="车牌号" v-if="this.tranType=='汽运'||this.tranType=='退库'">
           <template slot-scope="scope">
-            <span >{{scope.row.carNo }}({{scope.row.tranCarNo}})</span>
+            <span>{{scope.row.carNo }}({{scope.row.tranCarNo}})</span>
           </template>
         </el-table-column>
         <el-table-column class="table_td" prop="binNumber" label="仓位号" v-if="this.tranType=='散船'"></el-table-column>
         <el-table-column class="table_td" prop="boxNo" label="车厢号" v-if="this.tranType=='火运'"></el-table-column>
-        <el-table-column class="table_td" prop="caseNo" label="箱号" v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
-        <el-table-column class="table_td" prop="titleNo" label="封号" v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
-        <el-table-column class="table_td" prop="createDate" label="卸车反馈日期" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
-        <el-table-column class="table_td" prop="createDate" label="卸船反馈日期" v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
+        <el-table-column class="table_td" prop="caseNo" label="箱号"
+          v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="titleNo" label="封号"
+          v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="createDate" label="卸车反馈日期"
+          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="createDate" label="卸船反馈日期"
+          v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
         <el-table-column class="table_td" prop="returnDate" label="退库日期" v-if="this.tranType=='退库'"></el-table-column>
-        <el-table-column class="table_td" prop="feedbackPerson" label="卸车反馈人" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
-        <el-table-column class="table_td" prop="feedbackPerson" label="卸船反馈人" v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
+        <el-table-column class="table_td" prop="feedbackPerson" label="卸车反馈人"
+          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="feedbackPerson" label="卸船反馈人"
+          v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
         <el-table-column class="table_td" prop="grossWeight" label="毛重（吨）" v-if="this.tranType=='退库'"></el-table-column>
         <el-table-column class="table_td" prop="tare" label="皮重（吨）" v-if="this.tranType=='退库'"></el-table-column>
         <el-table-column class="table_td" prop="netWeight" label="净重（吨）" v-if="tranType=='退库'">
           <template slot-scope="scope">
-            <span >-{{scope.row.netWeight }}</span>
+            <span>-{{scope.row.netWeight }}</span>
           </template>
         </el-table-column>
-        <el-table-column class="table_td" prop="unloadingWeight" label="卸车净重（吨）" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
-        <el-table-column v-else-if="this.tranType=='散船'||this.tranType=='箱船'" class="table_td" prop="unloadingWeight" label="卸船净重（吨）"></el-table-column>
+        <el-table-column class="table_td" prop="unloadingWeight" label="卸车净重（吨）"
+          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column v-else-if="this.tranType=='散船'||this.tranType=='箱船'" class="table_td" prop="unloadingWeight"
+          label="卸船净重（吨）"></el-table-column>
         <el-table-column class="table_td" prop="settlementWeight" label="结算重量（吨）"></el-table-column>
         <el-table-column class="table_td" prop="amountIngReceivable" label="应收金额（元）"></el-table-column>
         <el-table-column class="table_td" prop="amountEdReceivable" label="已收金额（元）">
@@ -100,8 +112,9 @@
         </el-table-column>
       </el-table>
       <!-- 他运 -->
-      <el-table v-if='orderList.deliverType!=1' class="wenzi" :data="saleList.records" :row-class-name="tableRowClassName" style="width: 100%; margin-top: 20px" ref="saleList1"
-        border :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange">
+      <el-table v-if='orderList.deliverType!=1' class="wenzi" :data="saleList.records"
+        :row-class-name="tableRowClassName" style="width: 100%; padding-top: 20px" ref="saleList1" border
+        :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column type="index" label="序号" width="50"></el-table-column>
         <el-table-column class="table_td" prop="warehouseName" label="仓库"></el-table-column>
@@ -133,8 +146,8 @@
             </div>
             <div style='display:inline-block;' v-if="scope.row.identification == 'false'">
               <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
-              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
-              @click="whether(scope.row)" alt="" />
+                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
+                @click="whether(scope.row)" alt="" />
             </div>
 
             <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
@@ -166,7 +179,7 @@
       <!-- 页数 -->
       <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
         :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal"></el-pagination>
-    </el-scrollbar>
+    </div>
     <!-- 定金弹窗 -->
     <WinseaContentModal v-model="accessoryTFs" :title="$t('system.noticeCircular.information')"
       @on-cancel="handleClose">
@@ -278,7 +291,7 @@
 
     data() {
       return {
-        tranType:'',
+        tranType: '',
         clickType: '',
         activeName: '',
         dialogFormVisible1: false,
@@ -292,7 +305,7 @@
         allmoney1: 0,
         deptCircularPage: {},
         deptBudgetTotal: 0,
-        uncollectedAmount1:0,
+        uncollectedAmount1: 0,
         stockSaleReceiptReportList: [],
         stockSaleReceiptReport: {
           stockSaleReceiptReportList: [],
@@ -336,7 +349,7 @@
         collectionScreenshot: '',
         amountEdCollectionable: '',
         actualCollectionment: '',
-        tranProcessInfo:[],
+        tranProcessInfo: [],
         // collectDate: '',
         calculationCollectable: '',
         searchType: '',
@@ -368,23 +381,26 @@
       this.showType = this.isShow
     },
     methods: {
-      tableRowClassName({row, rowIndex}) {
+      tableRowClassName({
+        row,
+        rowIndex
+      }) {
         // console.log(row)
-        if (row.returnFlag==1) {
+        if (row.returnFlag == 1) {
           return 'warning-row';
         } else {
           return '';
         }
       },
-      handleRowClick(){},
+      handleRowClick() {},
       handleClick(tab, event) {
         console.log(tab);
-        this.activeName=tab.name
-        if(this.activeName=='退库'){
+        this.activeName = tab.name
+        if (this.activeName == '退库') {
           this.tranType = '退库'
-        }else{
+        } else {
           for (let i = 0; i < this.tranProcessInfo.length; i++) {
-            if(this.tranProcessInfo[i].name==this.activeName){
+            if (this.tranProcessInfo[i].name == this.activeName) {
               this.tranType = this.tranProcessInfo[i].tranType
             }
           }
@@ -396,20 +412,21 @@
       },
       //表头
       contractchange(e) {
-        this.currentPage=1
-        this.pageSize=10
+        this.currentPage = 1
+        this.pageSize = 10
         this.tranProcessInfo = []
-        console.log('type',this.activeName)
+        console.log('type', this.activeName)
         for (var i = 0; i < this.contractNoList.length; i++) {
           if (this.contractNoList[i].contractNo == e) {
             this.orderList = this.contractNoList[i]
             for (let i = 0; i < this.orderList.tranTaskInfoList.length; i++) {
-              if(this.orderList.tranTaskInfoList[i].tranProcessInfo){
-                  this.tranProcessInfo.push({
-                    label:this.orderList.tranTaskInfoList[i].taskNo+'+('+this.orderList.tranTaskInfoList[i].tranProcessInfo.tranType+')',
-                    name:this.orderList.tranTaskInfoList[i].tranProcessInfo.processNo,
-                    tranType:this.orderList.tranTaskInfoList[i].tranProcessInfo.tranType
-                    })
+              if (this.orderList.tranTaskInfoList[i].tranProcessInfo) {
+                this.tranProcessInfo.push({
+                  label: this.orderList.tranTaskInfoList[i].taskNo + '(' + this.orderList.tranTaskInfoList[i]
+                    .tranProcessInfo.tranType + ')',
+                  name: this.orderList.tranTaskInfoList[i].tranProcessInfo.processNo,
+                  tranType: this.orderList.tranTaskInfoList[i].tranProcessInfo.tranType
+                })
               }
             }
             console.log(this.orderList.tranTaskInfoList)
@@ -546,13 +563,13 @@
         } = param
         const sums = []
         columns.forEach((column, index) => {
-          if(this.orderList.deliverType!=1){
+          if (this.orderList.deliverType != 1) {
             if (index === 0) {
               sums[index] = '合计'
             } else if (
               index === 8 ||
-              index === 9||
-              index === 10||
+              index === 9 ||
+              index === 10 ||
               index === 11
             ) {
               const values = data.map((item) => Number(item[column.property]))
@@ -571,14 +588,14 @@
             } else {
               sums[index] = '--'
             }
-          }else{
-            if(this.tranType=='火运'||this.tranType=='散船'){
+          } else {
+            if (this.tranType == '火运' || this.tranType == '散船') {
               if (index === 0) {
                 sums[index] = '合计'
               } else if (
                 index === 8 ||
-                index === 9||
-                index === 10||
+                index === 9 ||
+                index === 10 ||
                 index === 7
               ) {
                 const values = data.map((item) => Number(item[column.property]))
@@ -597,13 +614,13 @@
               } else {
                 sums[index] = '--'
               }
-            }else if(this.tranType=='汽运'){
+            } else if (this.tranType == '汽运') {
               if (index === 0) {
                 sums[index] = '合计'
               } else if (
                 index === 11 ||
-                index === 9||
-                index === 10||
+                index === 9 ||
+                index === 10 ||
                 index === 12
               ) {
                 const values = data.map((item) => Number(item[column.property]))
@@ -622,13 +639,13 @@
               } else {
                 sums[index] = '--'
               }
-            }else if(this.tranType=='箱船'){
+            } else if (this.tranType == '箱船') {
               if (index === 0) {
                 sums[index] = '合计'
               } else if (
                 index === 11 ||
-                index === 9||
-                index === 10||
+                index === 9 ||
+                index === 10 ||
                 index === 8
               ) {
                 const values = data.map((item) => Number(item[column.property]))
@@ -653,14 +670,14 @@
         })
         for (let i = 0; i < sums.length; i++) {
           // console.log(typeof sums[i])
-          if(typeof sums[i]=='number'){
-            sums[i]=sums[i].toFixed(2)
+          if (typeof sums[i] == 'number') {
+            sums[i] = sums[i].toFixed(2)
           }
-          
+
         }
         // console.log(sums)
-          // sums[sums.length - 1] = sums[sums.length - 1].toFixed(2)
-          // sums[sums.length - 2] = sums[sums.length - 2].toFixed(2)
+        // sums[sums.length - 1] = sums[sums.length - 1].toFixed(2)
+        // sums[sums.length - 2] = sums[sums.length - 2].toFixed(2)
         return sums
       },
       //定金
@@ -740,23 +757,23 @@
       },
       //收款
       handlecollect() {
-        if(this.modification.length>0){
-          this.uncollectedAmount1=0
+        if (this.modification.length > 0) {
+          this.uncollectedAmount1 = 0
           for (let i = 0; i < this.modification.length; i++) {
-            this.uncollectedAmount1+=Number(this.modification[i].amountNotReceivable)
+            this.uncollectedAmount1 += Number(this.modification[i].amountNotReceivable)
           }
-          this.uncollectedAmount1=this.uncollectedAmount1.toFixed(3)
+          this.uncollectedAmount1 = this.uncollectedAmount1.toFixed(3)
           this.amountEdReceivable = this.saleList.records[0].amountEdReceivable
           this.amountNotReceivable = this.saleList.records[0].amountNotReceivable
           this.stockSaleReceiptReportList = this.saleList.records
           this.dialogFormVisible1 = true
-        }else{
+        } else {
           this.$message({
             message: '请至少选择一个条目',
             type: 'warning',
           })
         }
-        
+
       },
       collectment() {
         this.stockSaleReceiptReport.money = this.money
@@ -833,15 +850,15 @@
       getList(type) {
         // 1自运2他运
         let _data = {
-            compId: localStorage.getItem('ws-pf_compId'),
-            currentPage: this.currentPage,
-            pageSize: this.pageSize,
-            searchType: this.searchType,
-            contractNo: this.contractNo,
-          }
-          if(type==1){
-            _data.processNo = this.activeName
-          }
+          compId: localStorage.getItem('ws-pf_compId'),
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          searchType: this.searchType,
+          contractNo: this.contractNo,
+        }
+        if (type == 1) {
+          _data.processNo = this.activeName
+        }
         getStockSaleReceiptList(_data)
           .toPromise()
           .then((response) => {
@@ -852,16 +869,16 @@
             let num = []
             for (var i = 0; i < response.records.length; i++) {
               response.records[i].identification = 'false'
-              if(response.records[i].amountIngReceivable){
+              if (response.records[i].amountIngReceivable) {
                 this.amountReceivable += Number(response.records[i].amountIngReceivable.toFixed(2))
               }
-              if(response.records[i].amountEdReceivable){
+              if (response.records[i].amountEdReceivable) {
                 this.amountReceived += Number(response.records[i].amountEdReceivable.toFixed(2))
               }
-              if(response.records[i].amountNotReceivable){
+              if (response.records[i].amountNotReceivable) {
                 this.uncollectedAmount += Number(response.records[i].amountNotReceivable.toFixed(2))
               }
-              if(response.records[i].settlementWeight){
+              if (response.records[i].settlementWeight) {
                 this.outboundVolume += Number(response.records[i].settlementWeight.toFixed(2))
               }
               // this.addressUrlArray1.push(response.records[i].collectionScreenshot.split('$'))
@@ -978,6 +995,7 @@
   /deep/.el-table tr th.is-leaf:first-child {
     border-left: 1px solid #e9ecf7;
   }
+
   // .el-row{
   //     height: 150px;
   // }
@@ -993,10 +1011,12 @@
     height: 32px;
     margin-left: -20%;
   }
+
   .container {
     overflow: scroll;
     height: 93vh;
   }
+
   .button-container {
     display: flex;
     flex-wrap: nowrap;
@@ -1032,6 +1052,7 @@
       }
     }
   }
+
   .el-button--primary {
     background-color: #5878e8;
     border-color: #5878e8;
@@ -1053,11 +1074,13 @@
     width: 385px;
     margin-top: 10px;
   }
+
   .el-input--small {
     font-size: 13px;
     width: 390px;
     margin-left: 74%;
   }
+
   /deep/.el-table .el-table__header .cell,
   .el-table .el-table__body .cell {
     text-align: center;
@@ -1112,29 +1135,87 @@
     display: inline-flex;
     margin-left: -80%;
   }
-  /deep/.el-tabs__active-bar{
-    background:transparent;
+
+  /deep/.el-tabs__active-bar {
+    background: transparent;
   }
+
   /deep/.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
   /deep/.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
   /deep/.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
-  /deep/.el-tabs--top .el-tabs__item.is-top:nth-child(2){
-    padding-left:20px;
+  /deep/.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
+    padding-left: 20px;
   }
+
   /deep/.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
   /deep/.el-tabs--bottom .el-tabs__item.is-top:last-child,
   /deep/.el-tabs--top .el-tabs__item.is-bottom:last-child,
-  /deep/.el-tabs--top .el-tabs__item.is-top:last-child{
-    padding-right:20px;
+  /deep/.el-tabs--top .el-tabs__item.is-top:last-child {
+    padding-right: 20px;
   }
-  /deep/.el-tabs{
-    border-top:1px solid #ccc;
+
+  /deep/.el-tabs {
+    // border-top:1px solid #ccc;
   }
-  /deep/.el-table .warning-row{
-    background:#FFEDEF;
+
+  /deep/.el-table .warning-row {
+    background: #FFEDEF;
     // border:1px solid #E05D6B !important;
   }
+
   /deep/.el-table .warning-row td {
-    border-bottom:1px solid #E05D6B !important;
-}
+    border-bottom: 1px solid #E05D6B !important;
+  }
+
+  /deep/.el-tabs__nav-scroll {
+    background-color: white;
+  }
+
+  /deep/.el-tabs__nav-wrap::after {
+    background: transparent;
+  }
+
+  /deep/.el-tabs__active-bar {
+
+    background: #5878E8;
+  }
+
+  .buyer {
+    font-size: 16px;
+    font-weight: 600;
+    color: #323233;
+    line-height: 24px;
+  }
+
+  .content {
+    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+    background: #E8ECF6;
+  }
+
+  .content1 {
+    background-color: white;
+    border-radius: 5px;
+  }
+
+  .content2 {
+    margin-top: 10px;
+    border-radius: 5px;
+    background: #F0F3FE;
+  }
+
+  .content2-item {
+    padding: 10px;
+  }
+
+  .row2>span {
+    margin-right: 20px;
+  }
+
+  // /deep/.el-tabs__active-bar{
+  //       width: 270px!important;
+  //       transform: translateX(0px)!important;
+  // }
+  // /deep/.el-tabs__item{
+  //   padding: 0 55px!important;
+  // }
 </style>

src/views/tranManagement/tranManagementVehicleDispatching.vue

@@ -145,7 +145,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="车牌号：" span="1" prop="carNo">
-                  <el-input :disabled="readonly" v-model="item.carNo" placeholder="请输入车牌号" maxlength="120"
+                  <el-input :disabled="readonly" v-model="item.carNo" placeholder="" maxlength="120"
                     size="small" />
                 </el-form-item>
               </el-col>
@@ -163,27 +163,27 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="封号：" span="1" prop="carModel">
-                  <el-input v-if="item.status == '已装车'||item.status == '已送达'" v-model="item.titleNo" placeholder="请输入封号"
+                  <el-input v-if="item.status == '已装车'||item.status == '已送达'" v-model="item.titleNo" placeholder=""
                     :disabled="readonly" maxlength="120" size="small" />
                   <el-input v-model="item.titleNo" placeholder="请输入封号" v-else maxlength="120" size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="车型：" span="1" prop="carModel">
-                  <el-input :disabled="readonly" v-model="item.carModel" placeholder="请输入车型" maxlength="120"
+                  <el-input :disabled="readonly" v-model="item.carModel" placeholder="" maxlength="120"
                     size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
 
                 <el-form-item label="车长：" span="1" prop="carLength">
-                  <el-input :disabled="readonly" v-model="item.carLength" placeholder="请输入车长" maxlength="120"
+                  <el-input :disabled="readonly" v-model="item.carLength" placeholder="" maxlength="120"
                     size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="载重(吨):" span="1" prop="loadWeight">
-                  <el-input :disabled="readonly" v-model="item.loadWeight" placeholder="请输入载重（吨）" maxlength="120"
+                  <el-input :disabled="readonly" v-model="item.loadWeight" placeholder="" maxlength="120"
                     size="small" />
                 </el-form-item>
               </el-col>