前端 部分样式修改完善 sdy

src/views/taskManagement/tranManagementTransport.vue

@@ -52,7 +52,7 @@
       <el-table
         class="wenzi"
         :data="gainList.records"
-        style="width: 100%; margin-top: 20px"
+        style="width: 100%; "
         height="780"
       >
         <el-table-column type="index" label="序号">
@@ -594,12 +594,12 @@ export default {
 }
 /deep/.el-row {
     -webkit-box-sizing: border-box;
-    height: 60px;
+    height: 50px;
     box-sizing: border-box;
 }
 /deep/.el-col-12 {
     width: 50%;
-    height: 60px;
+    height: 50px;
 }
 .el-button--primary {
     background-color: #5878e8;

src/views/taskManagement/tranManagementWarehouseInOutTask.vue

@@ -1,62 +1,89 @@
 <!--出入库任务-->
 <template>
   <div class="container">
-    <div class="nav">
-      <ws-button
-        class="butt"
-        type="primary"
-        @click="handleAdd()"
-        v-hasPermission="
-           `warehouseManagement.warehouse.warehouseInfoTask.add`
+    <BaseHeaderLayout :leftSpan="14">
+      <template slot="left">
+        <ws-button
+          type="primary"
+          @click="handleAdd()"
+          v-hasPermission="
+            `warehouseManagement.warehouse.warehouseInfoTask.add`
           "
-      >
-        <img
-          width="13"
-          height="13"
-          style="
+        >
+          <img
+            width="13"
+            height="13"
+            style="
               vertical-align: text-top;
               position: relative;
               top: 2px;
               left: -4px;
             "
-          src="../../../public/img/header-add.png"
-          alt
-        />添加
-      </ws-button>
-      <ws-button class="but" :type="primary == 1 ? 'primary' : ''" @click="handlestatus(1)">待审核</ws-button>
-      <ws-button class="but" :type="primary == 2 ? 'primary' : ''" @click="handlestatus(2)">已驳回</ws-button>
-      <ws-button class="but" :type="primary == 3 ? 'primary' : ''" @click="handlestatus(3)">执行中</ws-button>
-      <ws-button class="but" :type="primary == 4 ? 'primary' : ''" @click="handlestatus(4)">已完成</ws-button>
-      <ws-button class="but" :type="primary == 5 ? 'primary' : ''" @click="handlestatus('')">全部任务</ws-button>
-      <ws-input
-        v-model="warehouseName"
-        placeholder="可按合同编号或任务编号查找"
-        clearable
-        maxlength="500"
-        type="input"
-        class="Value"
-      ></ws-input>
-      <ws-button class="find" type="primary" @click="lookUp()">
-        <img
-          width="16"
-          height="16"
-          style="
-                vertical-align: text-top;
-                position: relative;
-                top: 0px;
-                left: -1px;
-              "
-          src="../../../public/img/sousuo.png"
-          alt
-        />
-      </ws-button>
-    </div>
+            src="../../../public/img/header-add.png"
+            alt
+          />添加
+        </ws-button>
+        <ws-button
+          class="but"
+          :type="primary == 1 ? 'primary' : ''"
+          @click="handlestatus(1)"
+          >待审核</ws-button
+        >
+        <ws-button
+          class="but"
+          :type="primary == 2 ? 'primary' : ''"
+          @click="handlestatus(2)"
+          >已驳回</ws-button
+        >
+        <ws-button
+          class="but"
+          :type="primary == 3 ? 'primary' : ''"
+          @click="handlestatus(3)"
+          >执行中</ws-button
+        >
+        <ws-button
+          class="but"
+          :type="primary == 4 ? 'primary' : ''"
+          @click="handlestatus(4)"
+          >已完成</ws-button
+        >
+        <ws-button
+          class="but"
+          :type="primary == 5 ? 'primary' : ''"
+          @click="handlestatus('')"
+          >全部任务</ws-button
+        >
+      </template>
+      <template slot="right">
+        <ws-input
+          v-model="warehouseName"
+          placeholder="可按合同编号或任务编号查找"
+          clearable
+          maxlength="500"
+          type="input"
+        ></ws-input>
+        <ws-button class="find" type="primary" @click="lookUp()">
+          <img
+            width="16"
+            height="16"
+            style="
+              vertical-align: text-top;
+              position: relative;
+              top: 0px;
+              left: -1px;
+            "
+            src="../../../public/img/sousuo.png"
+            alt
+          />
+        </ws-button>
+      </template>
+    </BaseHeaderLayout>
     <div class="navv">
       <el-table
         class="wenzi"
         :data="gainList.records"
         style="width: 100%; margin-top: 20px"
-        height="650"
+        height="780"
       >
         <el-table-column type="index" label="序号">
           <template scope="scope">
@@ -64,14 +91,42 @@
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="contractNo" label="合同编号" width="80"></el-table-column>
+        <el-table-column
+          prop="contractNo"
+          label="合同编号"
+          width="80"
+        ></el-table-column>
         <el-table-column prop="inOutTaskNo" label="任务编号"></el-table-column>
-        <el-table-column prop="warehouseName" class="table_td" label="库房名"></el-table-column>
-        <el-table-column prop="inOutType" class="table_td" label="出入库类型"></el-table-column>
-        <el-table-column prop="goodsName" class="table_td" label="货名"></el-table-column>
-        <el-table-column prop="weight" class="table_td" label="重量（吨）"></el-table-column>
-        <el-table-column prop="predictDate" class="table_td" label="预计日期"></el-table-column>
-        <el-table-column prop="publisher" class="table_td" label="发布者"></el-table-column>
+        <el-table-column
+          prop="warehouseName"
+          class="table_td"
+          label="库房名"
+        ></el-table-column>
+        <el-table-column
+          prop="inOutType"
+          class="table_td"
+          label="出入库类型"
+        ></el-table-column>
+        <el-table-column
+          prop="goodsName"
+          class="table_td"
+          label="货名"
+        ></el-table-column>
+        <el-table-column
+          prop="weight"
+          class="table_td"
+          label="重量（吨）"
+        ></el-table-column>
+        <el-table-column
+          prop="predictDate"
+          class="table_td"
+          label="预计日期"
+        ></el-table-column>
+        <el-table-column
+          prop="publisher"
+          class="table_td"
+          label="发布者"
+        ></el-table-column>
         <el-table-column prop="taskStatus" label="状态">
           <template slot-scope="scope">
             <el-popover
@@ -83,19 +138,33 @@
             >
               <template>
                 <span slot="reference">
-                  <span v-if="scope.row.taskStatus == '待审核'" class="executory"></span>
-                  <span v-if="scope.row.taskStatus == '执行中'" class="inExecution"></span>
-                  <span v-if="scope.row.taskStatus == '已完成'" class="done"></span>
+                  <span
+                    v-if="scope.row.taskStatus == '待审核'"
+                    class="executory"
+                  ></span>
+                  <span
+                    v-if="scope.row.taskStatus == '执行中'"
+                    class="inExecution"
+                  ></span>
+                  <span
+                    v-if="scope.row.taskStatus == '已完成'"
+                    class="done"
+                  ></span>
                   {{ scope.row.taskStatus }}
                 </span>
               </template>
               <div>
                 <p style="margin-top: 0; padding-left: 10px">操作历史</p>
                 <div v-for="(item, index) in historyList" class="flex">
-                  <div class="vertical-text vertical-text-left">{{ item.updateDate }}</div>
+                  <div class="vertical-text vertical-text-left">
+                    {{ item.updateDate }}
+                  </div>
                   <div>
                     <div class="vertical-circle"></div>
-                    <div v-if="index != historyList.length - 1" class="vertical-line"></div>
+                    <div
+                      v-if="index != historyList.length - 1"
+                      class="vertical-line"
+                    ></div>
                   </div>
                   <div class="vertical-text">
                     {{ item.operateUser }}
@@ -115,46 +184,58 @@
             />
           </template>
         </el-table-column>
-        <el-table-column prop="establishDate" class="table_td" label="创建时间"></el-table-column>
+        <el-table-column
+          prop="establishDate"
+          class="table_td"
+          label="创建时间"
+        ></el-table-column>
         <el-table-column prop="seller" label="操作" width="300">
           <template slot-scope="scope">
             <div
               class="record"
               @click="nocomplete(scope.row)"
               v-hasPermission="
-           `warehouseManagement.warehouse.warehouseInfoTask.view`
-          "
-            >查看</div>
+                `warehouseManagement.warehouse.warehouseInfoTask.view`
+              "
+            >
+              查看
+            </div>
             <div
               v-hasPermission="
-           `warehouseManagement.warehouse.warehouseInfoTask.audit`
-          "
+                `warehouseManagement.warehouse.warehouseInfoTask.audit`
+              "
               v-if="scope.row.taskStatus == '待审核'"
               class="adjustment"
               @click="delivery(scope.row)"
-            >审核</div>
+            >
+              审核
+            </div>
             <div
               v-hasPermission="
-           `warehouseManagement.warehouse.warehouseInfoTask.edit`
-          "
+                `warehouseManagement.warehouse.warehouseInfoTask.edit`
+              "
               v-if="
                 scope.row.taskStatus == '执行中' ||
                 scope.row.taskStatus == '已驳回'
               "
               class="record"
               @click="delivery(scope.row)"
-            >编辑</div>
+            >
+              编辑
+            </div>
             <div
               v-hasPermission="
-           `warehouseManagement.warehouse.warehouseInfoTask.delete`
-          "
+                `warehouseManagement.warehouse.warehouseInfoTask.delete`
+              "
               v-if="
                 scope.row.taskStatus == '执行中' ||
                 scope.row.taskStatus == '已驳回'
               "
               class="adjustment"
               @click="deleteclick(scope.row)"
-            >删除</div>
+            >
+              删除
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -179,7 +260,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    Pagination
+    Pagination,
   },
   watch: {
     vesselId(val) {
@@ -187,7 +268,7 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    }
+    },
   },
   data() {
     return {
@@ -221,11 +302,11 @@ export default {
       deptCircularPage: {},
       historyList: [],
       pickerBeginDateBefore: {
-        disabledDate: time => {
+        disabledDate: (time) => {
           return time.getTime() > Date.now()
-        }
+        },
       },
-      accessoryTFs: false
+      accessoryTFs: false,
     }
   },
   activated() {
@@ -256,17 +337,17 @@ export default {
       this.$confirm(text, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning'
+        type: 'warning',
       })
         .then(() => {
           console.log(row)
           outdelete({
             id: row.id,
             relevanceId: row.relevanceId,
-            inOutFlag: row.inOutFlag
+            inOutFlag: row.inOutFlag,
           })
             .toPromise()
-            .then(response => {
+            .then((response) => {
               this.getList()
             })
         })
@@ -280,10 +361,10 @@ export default {
         currentPage: this.currentPage,
         pageSize: this.pageSize,
         searchType: this.searchType,
-        searchKeyWord: this.searchKeyWord
+        searchKeyWord: this.searchKeyWord,
       })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           console.log(response)
           this.gainList = response
           this.currentPage = response.current
@@ -311,8 +392,8 @@ export default {
       this.$router.push({
         path: 'tranManagementWarehouseInOutTaskEdit',
         query: {
-          relevanceId: item.relevanceId
-        }
+          relevanceId: item.relevanceId,
+        },
       })
     },
 
@@ -352,8 +433,8 @@ export default {
       this.$router.push({
         path: 'inOutWarehouseTaskEdit',
         query: {
-          relevanceId: row.relevanceId
-        }
+          relevanceId: row.relevanceId,
+        },
       })
     },
     dateFormat(fmt, date) {
@@ -362,7 +443,7 @@ export default {
         'Y+': date.getFullYear().toString(), // 年
         'm+': (date.getMonth() + 1).toString(), // 月
         'd+': date.getDate().toString(), // 日
-        'H+': date.getHours().toString() // 时
+        'H+': date.getHours().toString(), // 时
         // "M+": date.getMinutes().toString(),         // 分
         // "S+": date.getSeconds().toString()          // 秒
         // 有其他格式化字符需求可以继续添加，必须转化成字符串
@@ -402,19 +483,19 @@ export default {
       this.$confirm(`是否将状态改为${status}`, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning'
+        type: 'warning',
       })
         .then(() => {
           editstatus({ id: row.id })
             .toPromise()
-            .then(response => {
+            .then((response) => {
               this.$notify.success({
                 title: '成功',
-                message: '状态修改成功'
+                message: '状态修改成功',
               })
               this.getList()
             })
-            .catch(response => {
+            .catch((response) => {
               // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
             })
         })
@@ -432,7 +513,7 @@ export default {
     handleExamine(row) {
       this.$router.push({
         name: 'salesContractExamine',
-        query: { id: row.id }
+        query: { id: row.id },
       })
     },
     // 关闭 dialog时 处理文件url 初始化upload组件
@@ -442,7 +523,7 @@ export default {
     history(row) {
       billoperatehis({ id: row.id })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.historyList = response
         })
     },
@@ -460,19 +541,20 @@ export default {
           searchType: this.searchType,
           searchKeyWord: this.searchKeyWord,
           startDate: this.startDate,
-          endDate: this.endDate
+          endDate: this.endDate,
         },
         {},
         { responseType: 'blob' }
       ).toPromise()
       downloadFile({
         res: data,
-        fileName: `${this.date.year +
-          (this.date.month ? `-${this.date.month}` : '')}_采购合同`,
-        type: 'xls'
+        fileName: `${
+          this.date.year + (this.date.month ? `-${this.date.month}` : '')
+        }_采购合同`,
+        type: 'xls',
       })
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -540,27 +622,16 @@ export default {
   background: #e9ecf7;
 }
 .el-row {
-  height: 80px;
-}
-.base_header_layout .grid-content {
-  margin-top: 80px;
-}
-.but {
-  margin-left: 55px;
-  margin-top: 30px;
+  height: 50px;
 }
+
 .findValue {
   width: 0%;
   margin-left: 25%;
 }
-
 .search {
   margin-left: -250px;
 }
-.butt {
-  margin-left: 6px;
-  margin-top: 20px;
-}
 .Value {
   width: 300px;
   margin-left: 766px;
@@ -573,11 +644,11 @@ export default {
   background: #e8ecf6;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
 }
-.nav {
-  background: white;
-  height: 60px;
-  margin-top: -20px
-}
+// .nav {
+//   background: white;
+//   height: 60px;
+//   margin-top: -20px;
+// }
 .navv {
   background: #ffffff;
   border-radius: 4px;

src/views/tranManagement/tranManagementReceivingFeedback.vue

@@ -64,7 +64,7 @@
         </el-table-column>
         <el-table-column class="table_td" prop="processNo" label="运输任务编号">
         </el-table-column>
-        <el-table-column prop="tranType" label="运输方式" width="80">
+        <el-table-column prop="tranType" label="运输方式">
         </el-table-column>
         <el-table-column class="table_td" prop="goodsName" label="货名">
 
@@ -72,10 +72,10 @@
         <el-table-column class="table_td" label="重量（吨）" prop="weight">
          
         </el-table-column>
-        <el-table-column class="table_td" label="发货" prop="send">
+        <el-table-column class="table_td" label="发货" prop="send" width="240">
           
         </el-table-column>
-        <el-table-column class="table_td" label="收货" prop="receive">
+        <el-table-column class="table_td" label="收货" prop="receive" width="240">
           
         </el-table-column>
         <el-table-column class="table_td" label="运输周期" prop="tranCycle">

src/views/tranManagement/tranManagementShippingLook.vue

@@ -6,7 +6,12 @@
         <h2 class="bg-left title">船运调度详情</h2>
       </el-col>
       <el-col :span="4" class="bg-right">
-        <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
+        <el-button
+          class="bg-bottom"
+          type="primary"
+          size="small"
+          @click="revert()"
+        >
           <img
             width="6"
             height="10"
@@ -20,110 +25,141 @@
     <div class="center">
       <ws-form ref="deptBudgetList" :model="deptBudgetList">
         <div class="basicInformation">
-          <h2>任务编号</h2>
+          <div class="small-title">任务详情</div>
           <ws-info-table>
             <!-- 任务编号 -->
             <ws-form-item label="任务编号" span="1" prop="processNo">
-              {{deptBudgetList.processNo}}
+              {{ deptBudgetList.processNo }}
             </ws-form-item>
             <!-- 货名 -->
             <ws-form-item label="货名" span="1" prop="goodsName">
-              {{deptBudgetList.goodsName}}
+              {{ deptBudgetList.goodsName }}
             </ws-form-item>
             <!--重量（吨）-->
-            <ws-form-item label="重量（吨）" span="1" prop="weight" class="readonly">
-              {{deptBudgetList.weight}}
+            <ws-form-item
+              label="重量（吨）"
+              span="1"
+              prop="weight"
+              class="readonly"
+            >
+              {{ deptBudgetList.weight }}
             </ws-form-item>
 
             <!--发货地址-->
             <ws-form-item label="发货地址" span="1">
-              {{deptBudgetList.sendPrivate}}{{deptBudgetList.sendCity}}{{deptBudgetList.sendArea}}
+              {{ deptBudgetList.sendPrivate }}{{ deptBudgetList.sendCity
+              }}{{ deptBudgetList.sendArea }}
             </ws-form-item>
             <!--发货人-->
             <ws-form-item label="发货人" span="1" prop="sender">
-              {{deptBudgetList.sender}}
+              {{ deptBudgetList.sender }}
             </ws-form-item>
 
             <!--发货人电话-->
             <ws-form-item label="发货人电话" span="1" prop="senderPhone">
-              {{deptBudgetList.senderPhone}}
+              {{ deptBudgetList.senderPhone }}
             </ws-form-item>
             <!--收货地址-->
-            <ws-form-item label="收货地址" span="1" prop="receiveDetailedAddress">
-              {{deptBudgetList.receivePrivate}}{{deptBudgetList.receiveCity}}{{deptBudgetList.receiveArea}}
+            <ws-form-item
+              label="收货地址"
+              span="1"
+              prop="receiveDetailedAddress"
+            >
+              {{ deptBudgetList.receivePrivate }}{{ deptBudgetList.receiveCity
+              }}{{ deptBudgetList.receiveArea }}
             </ws-form-item>
             <!--收货人-->
             <ws-form-item label="收货人" span="1" prop="receiver">
-              {{deptBudgetList.receiver}}
+              {{ deptBudgetList.receiver }}
             </ws-form-item>
 
             <!--收货人电话-->
             <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
-              {{deptBudgetList.receiverPhone}}
+              {{ deptBudgetList.receiverPhone }}
             </ws-form-item>
 
             <!--发船日期-->
             <ws-form-item label="发船日期" span="1" prop="deliveryDateStart">
-              {{deptBudgetList.deliveryDateStart}}
+              {{ deptBudgetList.deliveryDateStart }}
             </ws-form-item>
 
             <!--最晚发货日期-->
             <ws-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">
-              {{deptBudgetList.deliveryDateEnd}}
+              {{ deptBudgetList.deliveryDateEnd }}
             </ws-form-item>
             <!--合同编号-->
             <ws-form-item label="合同编号" span="1" prop="contractNo">
-
-              {{deptBudgetList.contractNo}}
+              {{ deptBudgetList.contractNo }}
             </ws-form-item>
           </ws-info-table>
           <div class="small-title">联络员及航次</div>
-          <div class="aa">
-            <div class="small-title">航次信息</div>
-            <div
-              style="width: 100%"
-              class="flex position"
-              v-for="(item, index) in deptBudgetList.tranCarInfoList"
-            >
-              <ws-info-table>
-                <!-- 姓名 -->
-                <ws-form-item label="姓名" span="1" prop="driver" class="siji">
-                  {{item.driver}}
-                </ws-form-item>
-                <!-- 电话 -->
-                <ws-form-item label="电话" span="1" prop="driverPhone" class="siji">
-                  {{item.driverPhone}}
-                </ws-form-item>
-                <!--发船日期-->
-                <ws-form-item label="发船日期" span="1" prop="sendDateStart" class="siji">
-                  {{item.sendDateStart}}
-                </ws-form-item>
-                <ws-form-item label="预计到港日期" span="1" prop="receiveDateEnd" class="siji">
-                  {{item.receiveDateEnd}}
-                </ws-form-item>
-                <!-- 船名 -->
-                <ws-form-item label="船名" span="1" prop="shipName" class="siji">
-                  {{item.shipName}}
-                </ws-form-item>
-                <!-- 航次 -->
-                <ws-form-item label="航次" span="1" prop="shipNo" class="siji">
-                  {{item.shipNo}}
-                </ws-form-item>
-                <!-- 类型 -->
-                <ws-form-item label="类型" span="1" prop="shipType" class="siji">
-                  {{item.shipType}}
-                </ws-form-item>
-                <ws-form-item
-                  label="数量"
-                  span="1"
-                  prop="boxNumber"
-                  class="siji"
-                  v-show="item.shipType=='集装箱'"
-                >
-                  {{item.boxNumber}}
-                </ws-form-item>
-              </ws-info-table>
-            </div>
+          <div
+            style="width: 100%"
+            class="flex position middle"
+            v-for="(item, index) in deptBudgetList.tranCarInfoList"
+          >
+        <div style="margin: 18px;color: #69708C;">航次信息</div>
+            <ws-info-table>
+              <!-- 姓名 -->
+              <ws-form-item label="姓名" span="1" prop="driver" class="siji">
+                {{ item.driver }}
+              </ws-form-item>
+              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- 电话 -->
+              <ws-form-item
+                label="电话"
+                span="1"
+                prop="driverPhone"
+                class="siji"
+              >
+                {{ item.driverPhone }}
+              </ws-form-item>
+              <el-divider direction="vertical" class="line"></el-divider>
+              <!--发船日期-->
+              <ws-form-item
+                label="发船日期"
+                span="1"
+                prop="sendDateStart"
+                class="siji"
+              >
+                {{ item.sendDateStart }}
+              </ws-form-item>
+              <el-divider direction="vertical" class="line"></el-divider>
+              <ws-form-item
+                label="预计到港日期"
+                span="1"
+                prop="receiveDateEnd"
+                class="siji"
+              >
+                {{ item.receiveDateEnd }}
+              </ws-form-item>
+              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- 船名 -->
+              <ws-form-item label="船名" span="1" prop="shipName" class="siji">
+                {{ item.shipName }}
+              </ws-form-item>
+            <el-divider direction="vertical" class="line"></el-divider>
+              <!-- 航次 -->
+              <ws-form-item label="航次" span="1" prop="shipNo" class="siji">
+                {{ item.shipNo }}
+              </ws-form-item>
+
+              <el-divider direction="vertical" class="line"></el-divider>
+              <!-- 类型 -->
+              <ws-form-item label="类型" span="1" prop="shipType" class="siji">
+                {{ item.shipType }}
+              </ws-form-item>
+              <ws-form-item
+                label="数量"
+                span="1"
+                prop="boxNumber"
+                class="siji"
+                v-show="item.shipType == '集装箱'"
+              >
+                {{ item.boxNumber }}
+              </ws-form-item>
+               
+            </ws-info-table>
           </div>
           <div class="xia">
             <div
@@ -133,19 +169,34 @@
               :key="index"
             >
               <ws-info-table>
-                <ws-form-item :label="'仓位号-'+ (index + 1 )" span="1" prop="impurity" class="bot">
-                  {{items.impurity}}
+                <ws-form-item
+                  :label="'仓位号-' + (index + 1)"
+                  span="1"
+                  prop="impurity"
+                  class="bot"
+                >
+                  {{ items.impurity }}
                 </ws-form-item>
                 <!-- 重量（吨） -->
-                <ws-form-item label="重量(吨)" span="1" prop="positionWeight" class="bot">
-                  {{items.positionWeight}}
+                <ws-form-item
+                  label="重量(吨)"
+                  span="1"
+                  prop="positionWeight"
+                  class="bot"
+                >
+                  {{ items.positionWeight }}
                 </ws-form-item>
               </ws-info-table>
-
             </div>
           </div>
           <div style="text-align: right; padding: 10px">
-            <el-button class="bg-bottom-up" type="primary" size="small" @click="returnsales()">关闭</el-button>
+            <el-button
+              class="bg-bottom-up"
+              type="primary"
+              size="small"
+              @click="returnsales()"
+              >关闭</el-button
+            >
           </div>
         </div>
       </ws-form>
@@ -162,7 +213,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    Pagination
+    Pagination,
   },
   watch: {
     // vesselId(val) {
@@ -170,7 +221,7 @@ export default {
     // },
     isShow(val) {
       this.showType = val
-    }
+    },
   },
   data() {
     return {
@@ -205,16 +256,16 @@ export default {
       tranCarInfoList: [],
       list: [],
       arr: [],
-      freightspace: [{ binNumber: '', maxStorage: '', remark: '' }],
+      freightspace: [],
       rules: {
         netWeight: [
           {
             required: true,
             type: 'number',
             message: '请输入活动名称',
-            trigger: 'blur'
-          }
-        ]
+            trigger: 'blur',
+          },
+        ],
       },
       size: 10,
       compId: sessionStorage.getItem('ws-pf_compId'),
@@ -222,21 +273,21 @@ export default {
       packtypeList: {},
       date: {
         year: dayjs().format('YYYY'),
-        month: dayjs().format('MM')
+        month: dayjs().format('MM'),
       },
       contractList: [],
       deptBudgetList: {
         warehouseInOutDetail: {},
-        tranCarInfoList: []
+        tranCarInfoList: [],
       },
       historyList: [],
 
       pickerBeginDateBefore: {
-        disabledDate: time => {
+        disabledDate: (time) => {
           return time.getTime() > Date.now()
-        }
+        },
       },
-      accessoryTFs: false
+      accessoryTFs: false,
     }
   },
   mounted() {
@@ -253,26 +304,16 @@ export default {
     loaddata() {
       shippingLook({ id: this.$route.query.id })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.deptBudgetList = response
-          // this.deptBudgetList.driver = this.deptBudgetList.tranCarInfoList[0].driver
-          // this.deptBudgetList.driverPhone = this.deptBudgetList.tranCarInfoList[0].driverPhone
-          // this.deptBudgetList.sendDateStart = this.deptBudgetList.tranCarInfoList[0].sendDateStart
-          //   this.deptBudgetList.sendDateStart = this.deptBudgetList.tranCarInfoList[0].sendDateStart
-          //    this.deptBudgetList.receiveDateEnd = this.deptBudgetList.tranCarInfoList[0].receiveDateEnd
-          //   this.deptBudgetList.shipName = this.deptBudgetList.tranCarInfoList[0].shipName
-          //    this.deptBudgetList.shipNo = this.deptBudgetList.tranCarInfoList[0].shipNo
-          //     this.deptBudgetList.shipType = this.deptBudgetList.tranCarInfoList[0].shipType
-          //    this.deptBudgetList. boxNumber =this.deptBudgetList.tranCarInfoList[0].boxNumber
           for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
-            var num = this.deptBudgetList.tranCarInfoList[
-              i
-            ].positionWeight.split(',')
+            var num =
+              this.deptBudgetList.tranCarInfoList[i].positionWeight.split(',')
             for (var j = 0; j < num.length; j++) {
               var num2 = num[j].split('/')
               this.freightspace.push({
                 impurity: num2[i],
-                positionWeight: num2[num2.length - 1]
+                positionWeight: num2[num2.length - 1],
               })
             }
           }
@@ -284,10 +325,10 @@ export default {
         currentPage: this.currentPage,
         pageSize: this.pageSize,
         contractType: this.contractType,
-        tranTypeKey: this.tranTypeKey
+        tranTypeKey: this.tranTypeKey,
       })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.warehouseList = response
         })
     },
@@ -305,7 +346,7 @@ export default {
       this.freightspace.push({
         binNumber: '',
         maxStorage: '',
-        remark: ''
+        remark: '',
       })
     },
     //提交按钮
@@ -313,19 +354,18 @@ export default {
       this.$confirm(`暂存后可在待完成页面查看，确定暂存`, {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
-        type: 'warning'
+        type: 'warning',
       })
         .then(() => {
-          this.$refs.deptBudgetList.validate(valid => {
+          this.$refs.deptBudgetList.validate((valid) => {
             if (valid) {
-              this.deptBudgetList.compId = sessionStorage.getItem(
-                'ws-pf_compId'
-              )
+              this.deptBudgetList.compId =
+                sessionStorage.getItem('ws-pf_compId')
               this.deptBudgetList.inOutFlag = 2
               this.deptBudgetList.statusFlag = 1
               addstorageputList(this.deptBudgetList)
                 .toPromise()
-                .then(response => {
+                .then((response) => {
                   this.$message.success('暂存成功')
                   this.$router.push({ path: 'warehouseManagementList' })
                 })
@@ -383,8 +423,8 @@ export default {
       }
     },
     approve() {},
-    listQuery() {}
-  }
+    listQuery() {},
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -556,23 +596,6 @@ export default {
     border: none;
   }
 }
-//联络员及航次样式
-.aa {
-  width: 100%;
-  height: 90px;
-  background: #f5f7fa;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-}
-// .xia{
-//   width:500px;
-//   // height: 46px;
-//   background: #F5F7FA;
-//   border-radius: 4px;
-//   // border: 1px solid #D8DCE6;
-//   margin-top: 10px;
-//   border: none;
-// }
 .xia {
   width: 700px;
   // height: 50px;
@@ -590,7 +613,7 @@ export default {
   line-height: 16px;
 }
 .position .siji {
-  width: 14.2%;
+  width: 13%;
 }
 .el-form {
   height: 1000px;
@@ -601,4 +624,14 @@ export default {
 /deep/.position .ws-info-table .el-form-item .el-form-item__label {
   background-color: #f5f7fa;
 }
+.middle {
+  background: #f6f7fc;
+  border-radius: 4px;
+  border: 1px solid #d8dce6;
+}
+.line{
+  height: 26px;
+  margin-top: 6px;
+  left: -20px;
+}
 </style>

src/views/tranManagement/tranManagementTransporHairRespond.vue

@@ -63,17 +63,17 @@
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="processNo" label="运输任务编号" width="120">
+        <el-table-column prop="processNo" label="运输任务编号" >
         </el-table-column>
-        <el-table-column prop="tranType" label="运输方式" width="80">
+        <el-table-column prop="tranType" label="运输方式" >
         </el-table-column>
-        <el-table-column prop="goodsName" label="货名" width="80">
+        <el-table-column prop="goodsName" label="货名" >
         </el-table-column>
         <el-table-column prop="weight" label="重量（吨）" width="120">
         </el-table-column>
-        <el-table-column prop="send" label="发货" width="200">
+        <el-table-column prop="send" label="发货" width="240">
         </el-table-column>
-        <el-table-column prop="receive" label="收货" width="200">
+        <el-table-column prop="receive" label="收货" width="240">
         </el-table-column>
         <el-table-column prop="tranCycle" label="运输周期" width="160">
           <template scope="scope">

src/views/tranManagement/tranManagementTransporTrainNo.vue

@@ -856,7 +856,6 @@ export default {
   color: #8890b1;
   line-height: 16px;
 }
-
 /deep/.ws-info-table .el-form-item .el-form-item__content {
   background: #f5f7fa;
   border-radius: 4px;

src/views/tranManagement/tranManagementVehicle.vue

@@ -186,7 +186,6 @@ export default {
       monetaryKey: null,
       // 表格显示数据
       tableDate: [],
-
       // 是否显示
       showType: true,
       // 年

vue.config.js

@@ -143,7 +143,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.116:8090/',
         // target: 'http://192.168.1.119:8090/',
         // target: 'http://192.168.24.5:8098',//目标地址
         // target: 'http://product-server.winsea.com/',