前端更新

src/api/V2/houseSelfCollect/index.js

@@ -8,5 +8,18 @@ export const API_GET_CUSTOMER_IDENTITY = '/identityAuthenticationInfo/saveCompan
 export const API_GET_CUSTOMER_DELETE = '/identityAuthenticationInfo/api/deleteCompanyIdentity'
 //客户查看
 export const API_GET_CUSTOMER_LOOK = '/identityAuthenticationInfo/api/getIdentityAuthenticationInfo'
-
+//收购管理列表
+export const API_GET_PURCHASEPRICE_MANAGE = '/purchasePrice/purchasePriceList'
+//收购管理添加
+export const API_POST_PURCHASEPRICE_ADD = '/purchasePrice/purchasePriceAdd'
+//收购管理查看
+export const API_GET_PURCHASEPRICE_LOOK = '/purchasePrice/purchasePriceLook'
+//收购管理编辑
+export const API_POST_PURCHASEPRICE_EDIT = '/purchasePrice/purchasePriceEdit'
+//收购管理删除
+export const API_POST_PURCHASEPRICE_DEL = '/purchasePrice/purchasePriceDel'
+//收购管理员手动编辑
+export const API_POST_PURCHASEPRICE_ALLOWEDIT = '/purchasePrice/purchasePriceAllowEdit'
+//查询仓库列表
+export const API_GET_WAREHOUSESELF = '/warehouseBaseInfo/selectWarehouseSelf'
 

src/model/houseSelfCollect/index.js

@@ -6,7 +6,14 @@ import {
   API_POST_CUSTOMER_ADD,
   API_GET_CUSTOMER_IDENTITY,
   API_GET_CUSTOMER_DELETE,
-  API_GET_CUSTOMER_LOOK
+  API_GET_CUSTOMER_LOOK,
+  API_GET_PURCHASEPRICE_MANAGE,
+  API_POST_PURCHASEPRICE_ADD,
+  API_GET_PURCHASEPRICE_LOOK,
+  API_POST_PURCHASEPRICE_EDIT,
+  API_POST_PURCHASEPRICE_DEL,
+  API_POST_PURCHASEPRICE_ALLOWEDIT,
+  API_GET_WAREHOUSESELF
 
 } from '@/api/V2/houseSelfCollect'
 //客户管理列表
@@ -20,4 +27,20 @@ export const getCustomerDelete = appRx.post(API_GET_CUSTOMER_DELETE, errorCatche
 //客户查看
 export const getCustomerLook = appRx.get(API_GET_CUSTOMER_LOOK, errorCatcher, errorHandle, filter)
 
+//收购管理列表
+export const getPurchasePrice = appRx.get(API_GET_PURCHASEPRICE_MANAGE, errorCatcher, errorHandle, filter)
+//收购管理添加
+export const purchasePriceAdd = appRx.post(API_POST_PURCHASEPRICE_ADD, errorCatcher, errorHandle, filter)
+//收购管理查看
+export const purchasePriceLook = appRx.post(API_GET_PURCHASEPRICE_LOOK, errorCatcher, errorHandle, filter)
+//收购管理编辑
+export const purchasePriceEdit = appRx.post(API_POST_PURCHASEPRICE_EDIT, errorCatcher, errorHandle, filter)
+//收购管理删除
+export const purchasePriceDel = appRx.post(API_POST_PURCHASEPRICE_DEL, errorCatcher, errorHandle, filter)
+//收购管理手动编辑
+export const purchasePriceAllowEdit = appRx.post(API_POST_PURCHASEPRICE_ALLOWEDIT, errorCatcher, errorHandle, filter)
+//查看仓库
+export const selectWarehouseSelf = appRx.get(API_GET_WAREHOUSESELF, errorCatcher, errorHandle, filter)
+
+
 

src/views/tranManagement/tranManagementShippingArrangemen.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"
@@ -18,42 +23,60 @@
       </el-col>
     </el-row>
     <div class="center">
-      <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules" class="position">
+      <ws-form
+        ref="deptBudgetList"
+        :model="deptBudgetList"
+        :rules="rules"
+        class="position"
+      >
         <div class="basicInformation">
           <div class="small-title" style="font-size: 16px">任务详情</div>
           <ws-info-table>
-            <ws-form-item label="任务编号" span="1" prop="processNo">{{deptBudgetList.processNo}}</ws-form-item>
-            <ws-form-item label="货名" span="1" prop="goodsName">{{deptBudgetList.goodsName}}</ws-form-item>
-            <ws-form-item label="重量（吨）" span="1" prop="weight">{{deptBudgetList.weight}}</ws-form-item>
+            <ws-form-item label="任务编号" span="1" prop="processNo">{{
+              deptBudgetList.processNo
+            }}</ws-form-item>
+            <ws-form-item label="货名" span="1" prop="goodsName">{{
+              deptBudgetList.goodsName
+            }}</ws-form-item>
+            <ws-form-item label="重量（吨）" span="1" prop="weight">{{
+              deptBudgetList.weight
+            }}</ws-form-item>
             <ws-form-item
               label="发货地址"
               span="1"
               prop="sendDetailedAddress"
-            >{{deptBudgetList.sendDetailedAddress}}</ws-form-item>
-            <ws-form-item label="发货人" span="1" prop="sender">{{deptBudgetList.sender}}</ws-form-item>
-            <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{deptBudgetList.senderPhone}}</ws-form-item>
+              >{{ deptBudgetList.sendDetailedAddress }}</ws-form-item
+            >
+            <ws-form-item label="发货人" span="1" prop="sender">{{
+              deptBudgetList.sender
+            }}</ws-form-item>
+            <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{
+              deptBudgetList.senderPhone
+            }}</ws-form-item>
             <ws-form-item
               label="收货地址"
               span="1"
               prop="receiveDetailedAddress"
-            >{{deptBudgetList.receiveDetailedAddress}}</ws-form-item>
-            <ws-form-item label="收货人" span="1" prop="receiver">{{deptBudgetList.receiver}}</ws-form-item>
-            <ws-form-item
-              label="收货人电话"
-              span="1"
-              prop="receiverPhone"
-            >{{deptBudgetList.receiverPhone}}</ws-form-item>
-            <ws-form-item
-              label="发货日期"
-              span="1"
-              prop="deliveryDateStart"
-            >{{deptBudgetList.deliveryDateStart}}</ws-form-item>
+              >{{ deptBudgetList.receiveDetailedAddress }}</ws-form-item
+            >
+            <ws-form-item label="收货人" span="1" prop="receiver">{{
+              deptBudgetList.receiver
+            }}</ws-form-item>
+            <ws-form-item label="收货人电话" span="1" prop="receiverPhone">{{
+              deptBudgetList.receiverPhone
+            }}</ws-form-item>
+            <ws-form-item label="发货日期" span="1" prop="deliveryDateStart">{{
+              deptBudgetList.deliveryDateStart
+            }}</ws-form-item>
             <ws-form-item
               label="最晚到货日期"
               span="1"
               prop="deliveryDateEnd"
-            >{{deptBudgetList.deliveryDateEnd}}</ws-form-item>
-            <ws-form-item label="合同编号" span="1" prop="contractNo">{{deptBudgetList.contractNo}}</ws-form-item>
+              >{{ deptBudgetList.deliveryDateEnd }}</ws-form-item
+            >
+            <ws-form-item label="合同编号" span="1" prop="contractNo">{{
+              deptBudgetList.contractNo
+            }}</ws-form-item>
           </ws-info-table>
           <div class="small-title" style="font-size: 16px">联络员及航次</div>
           <div
@@ -64,6 +87,8 @@
             <div class="zhong">
               <ws-form-item label="姓名" span="1" prop="driver">
                 <el-select
+                  v-if="item.id != null"
+                  :disabled="readonly"
                   v-model="item.driver"
                   placeholder="请选择姓名"
                   filterable
@@ -79,8 +104,15 @@
                   />
                 </el-select>
               </ws-form-item>
-              <ws-form-item label="电话" span="1" prop="driverPhone" class="biao">
+              <ws-form-item
+                label="电话"
+                span="1"
+                prop="driverPhone"
+                class="biao"
+              >
                 <ws-input
+                  v-if="item.id != null"
+                  :disabled="readonly"
                   :readonly="true"
                   v-model="item.driverPhone"
                   placeholder="请输入电话"
@@ -89,8 +121,15 @@
                   class="ys"
                 />
               </ws-form-item>
-              <ws-form-item label="发船日期" span="1" prop="sendDateStart" class="biao2">
+              <ws-form-item
+                label="发船日期"
+                span="1"
+                prop="sendDateStart"
+                class="biao2"
+              >
                 <ws-date-picker
+                v-if="item.id != null"
+                  :disabled="readonly"
                   v-model="item.sendDateStart"
                   type="date"
                   placeholder="请选择发货日期"
@@ -98,8 +137,15 @@
                   class="small"
                 />
               </ws-form-item>
-              <ws-form-item label="预计到港日期" span="1" prop="receiveDateEnd" class="biao3">
+              <ws-form-item
+                label="预计到港日期"
+                span="1"
+                prop="receiveDateEnd"
+                class="biao3"
+              >
                 <ws-date-picker
+                v-if="item.id != null"
+                  :disabled="readonly"
                   v-model="item.receiveDateEnd"
                   type="date"
                   placeholder="请选择发货日期"
@@ -126,7 +172,13 @@
                 ></ws-input>
               </ws-form-item>
               <ws-form-item label="类型" span="1" prop="shipType" class="biao5">
-                <ws-select v-model="item.shipType" placeholder="请输入" class="ys">
+                <ws-select
+                  v-model="item.shipType"
+                  placeholder="请输入"
+                  class="ys"
+                  v-if="item.id != null"
+                  :disabled="readonly"
+                >
                   <ws-option
                     v-for="items in shipType"
                     :key="items.constKey"
@@ -140,21 +192,43 @@
                 span="1"
                 prop="boxNumber"
                 class="biao6"
-                v-show="item.shipType=='集装箱'"
+                v-show="item.shipType == '集装箱'"
               >
-                <ws-input v-model="item.boxNumber" placeholder="请输入数量" class="ys"></ws-input>
+                <ws-input
+                  v-if="item.id != null"
+                  :disabled="readonly"
+                  v-model="item.boxNumber"
+                  placeholder="请输入数量"
+                  class="ys"
+                ></ws-input>
               </ws-form-item>
-               <ws-form-item label="仓位号" span="1" prop="binNumber"  v-show="item.shipType=='散船'" class="biao6">
+              <ws-form-item
+                label="仓位号"
+                span="1"
+                prop="binNumber"
+                v-show="item.shipType == '散船'"
+                class="biao6"
+              >
                 <ws-input
+                  v-if="item.id != null"
+                  :disabled="readonly"
                   v-model="item.binNumber"
                   placeholder="请输入仓位号"
                   maxlength="100"
                   size="small"
-                  style="width: 110px;"
+                  style="width: 110px"
                 ></ws-input>
               </ws-form-item>
-              <ws-form-item label="重量(吨)" span="1" prop="positionWeight"  v-show="item.shipType=='散船'" class="biao7">
+              <ws-form-item
+                label="重量(吨)"
+                span="1"
+                prop="positionWeight"
+                v-show="item.shipType == '散船'"
+                class="biao7"
+              >
                 <ws-input
+                  v-if="item.id != null"
+                  :disabled="readonly"
                   v-model="item.positionWeight"
                   placeholder="请输入重量"
                   maxlength="100"
@@ -164,20 +238,26 @@
               </ws-form-item>
             </div>
           </div>
-              <el-button
-                class="add bg-bottom"
-                type="primary"
-                size="small"
-                @click="add"
-                v-show="deptBudgetList.tranCarInfoList[0].shipType=='散船'"
-              >
-                <img width="22" height="22" src="../../../public/img/add.png" alt />
-                <div class="spans">添加仓位</div>
-              </el-button>
+          <el-button
+            class="add bg-bottom"
+            type="primary"
+            size="small"
+            @click="add"
+            v-show="deptBudgetList.tranCarInfoList[0].shipType == '散船'"
+          >
+            <img width="22" height="22" src="../../../public/img/add.png" alt />
+            <div class="spans">添加仓位</div>
+          </el-button>
         </div>
       </ws-form>
       <div style="text-align: right; padding: 10px">
-        <el-button class="bg-bottom-up" type="primary" size="small" @click="submit()">提交</el-button>
+        <el-button
+          class="bg-bottom-up"
+          type="primary"
+          size="small"
+          @click="submit()"
+          >提交</el-button
+        >
       </div>
     </div>
   </div>
@@ -194,7 +274,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    Pagination
+    Pagination,
   },
   watch: {
     vesselId(val) {
@@ -202,7 +282,7 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    }
+    },
   },
   data() {
     return {
@@ -247,9 +327,9 @@ export default {
             required: true,
             type: 'number',
             message: '请输入活动名称',
-            trigger: 'blur'
-          }
-        ]
+            trigger: 'blur',
+          },
+        ],
       },
       arr: [],
       freightspace: [
@@ -263,20 +343,20 @@ export default {
       packtypeList: {},
       date: {
         year: dayjs().format('YYYY'),
-        month: dayjs().format('MM')
+        month: dayjs().format('MM'),
       },
       contractList: [],
       deptBudgetList: {
-        warehouseInOutDetail: {}
+        warehouseInOutDetail: {},
       },
       historyList: [],
 
       pickerBeginDateBefore: {
-        disabledDate: time => {
+        disabledDate: (time) => {
           return time.getTime() > Date.now()
-        }
+        },
       },
-      accessoryTFs: false
+      accessoryTFs: false,
     }
   },
   mounted() {
@@ -287,26 +367,26 @@ export default {
     this.getList()
   },
   computed: {
-    totalStorage: function() {
+    totalStorage: function () {
       var maxStorage = 0
       for (var i = 0; i < this.freightspace.length; i++) {
         maxStorage += Number(this.freightspace[i].maxStorage)
       }
       return maxStorage
-    }
+    },
   },
   methods: {
     getList() {
       getstaff({ compId: sessionStorage.getItem('ws-pf_compId') })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.options = response
           this.staffList = response
         })
       //类型
       packList({ constId: 'TRAN4' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.shipType = response
         })
     },
@@ -314,7 +394,7 @@ export default {
       this.deptBudgetList.personCharge = val
       if (val) {
         console.log(val)
-        this.options = this.staffList.filter(item => {
+        this.options = this.staffList.filter((item) => {
           if (
             !!~item.staffName.indexOf(val) ||
             !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
@@ -330,9 +410,8 @@ export default {
       for (var i = 0; i < this.staffList.length; i++) {
         if (this.staffList[i].staffName == e) {
           this.deptBudgetList.driverPhone = this.staffList[i].staffMobilePhone
-          this.deptBudgetList.tranCarInfoList[0].driverPhone = this.staffList[
-            i
-          ].staffMobilePhone
+          this.deptBudgetList.tranCarInfoList[0].driverPhone =
+            this.staffList[i].staffMobilePhone
           this.deptBudgetList.personChargeKey = this.staffList[i].staffId
         }
       }
@@ -340,7 +419,7 @@ export default {
     loaddata() {
       shippingLook({ id: this.$route.query.id })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.deptBudgetList = response
           if (response.tranCarInfoList.length > 0) {
             // for (
@@ -372,8 +451,8 @@ export default {
                 boxNumber: '',
                 positionWeight: '',
                 binNumber: '',
-                tranType: '3'
-              }
+                tranType: '3',
+              },
             ]
           }
         })
@@ -397,9 +476,9 @@ export default {
         shipNo: this.deptBudgetList.tranCarInfoList[0].shipNo,
         shipName: this.deptBudgetList.tranCarInfoList[0].shipName,
         shipType: this.deptBudgetList.tranCarInfoList[0].shipType,
-        binNumber:'',
+        binNumber: '',
         positionWeight: '',
-        tranType: '3'
+        tranType: '3',
       })
     },
     selectdriver() {},
@@ -418,42 +497,42 @@ export default {
         if (!this.deptBudgetList.tranCarInfoList[i].driver) {
           this.$message({
             message: '名字不为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
         if (!this.deptBudgetList.tranCarInfoList[i].driverPhone) {
           this.$message({
             message: '电话号不为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
         if (!this.deptBudgetList.tranCarInfoList[i].sendDateStart) {
           this.$message({
             message: '发船时间不能为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
         if (!this.deptBudgetList.tranCarInfoList[i].receiveDateEnd) {
           this.$message({
             message: '预计到港时间不能为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
         if (!this.deptBudgetList.tranCarInfoList[i].shipName) {
           this.$message({
             message: '船名不能为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
         if (!this.deptBudgetList.tranCarInfoList[i].shipNo) {
           this.$message({
             message: '航次不能为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
@@ -461,7 +540,7 @@ export default {
           if (!this.deptBudgetList.tranCarInfoList[i].boxNumber) {
             this.$message({
               message: '数量不能为空',
-              type: 'warning'
+              type: 'warning',
             })
             return
           }
@@ -469,7 +548,7 @@ export default {
         if (!this.deptBudgetList.tranCarInfoList[i].shipType) {
           this.$message({
             message: '类型不能为空',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
@@ -478,14 +557,14 @@ export default {
           if (!this.deptBudgetList.tranCarInfoList[i].binNumber) {
             this.$message({
               message: '仓位号不能为空',
-              type: 'warning'
+              type: 'warning',
             })
             return
           }
           if (!this.deptBudgetList.tranCarInfoList[i].positionWeight) {
             this.$message({
               message: '重量不能为空',
-              type: 'warning'
+              type: 'warning',
             })
             return
           }
@@ -501,7 +580,7 @@ export default {
         ) {
           this.$message({
             message: '发船时间不能大于最晚到到港时间！',
-            type: 'warning'
+            type: 'warning',
           })
           return
         }
@@ -509,19 +588,19 @@ 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.totalStorage = this.totalStorage
               var tranCarInfo = {}
               tranCarInfo.id = this.deptBudgetList.id
               tranCarInfo.infoId = this.deptBudgetList.infoId
-               tranCarInfo.tranCarInfoList = this.deptBudgetList.tranCarInfoList
+              tranCarInfo.tranCarInfoList = this.deptBudgetList.tranCarInfoList
               dispatchCat(tranCarInfo)
                 .toPromise()
-                .then(response => {
+                .then((response) => {
                   this.$message.success('提交成功')
                   this.deptBudgetList = {}
                   this.freightspace = {}
@@ -557,10 +636,10 @@ export default {
           this.searchType = this.taskTypeList[i].type
         }
       }
-    }
+    },
     // approve() {},
     // listQuery() {}
-  }
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -1137,7 +1216,5 @@ export default {
 }
 /deep/.el-form-item__content .el-select {
   width: 42%;
-  
 }
-
 </style>

src/views/tranManagement/tranManagementShippingLook.vue

@@ -7,149 +7,88 @@
       </el-col>
       <el-col :span="4" class="bg-right">
         <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
-          <img
-            width="6"
-            height="10"
-            style="vertical-align: bottom; margin-right: 3px"
-            src="../../../public/img/lujing.png"
-            alt
-          />返回
+          <img width="6" height="10" style="vertical-align: bottom; margin-right: 3px"
+            src="../../../public/img/lujing.png" alt />返回
         </el-button>
       </el-col>
     </el-row>
     <div class="center">
       <ws-form ref="deptBudgetList" :model="deptBudgetList">
-        <div class="basicInformation">
-          <div class="small-title" style="font-size: 16px;">任务详情</div>
-          <ws-info-table>
-            <!-- 任务编号 -->
-            <ws-form-item label="任务编号" span="1" prop="processNo">{{ deptBudgetList.processNo }}</ws-form-item>
-            <!-- 货名 -->
-            <ws-form-item label="货名" span="1" prop="goodsName">{{ deptBudgetList.goodsName }}</ws-form-item>
-            <!--重量（吨）-->
-            <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 }}
-            </ws-form-item>
-            <!--发货人-->
-            <ws-form-item label="发货人" span="1" prop="sender">{{ deptBudgetList.sender }}</ws-form-item>
-
-            <!--发货人电话-->
-            <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{ deptBudgetList.senderPhone }}</ws-form-item>
-            <!--收货地址-->
-            <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 }}</ws-form-item>
-
-            <!--收货人电话-->
-            <ws-form-item
-              label="收货人电话"
-              span="1"
-              prop="receiverPhone"
-            >{{ deptBudgetList.receiverPhone }}</ws-form-item>
-
-            <!--发船日期-->
-            <ws-form-item
-              label="发船日期"
-              span="1"
-              prop="deliveryDateStart"
-            >{{ deptBudgetList.deliveryDateStart }}</ws-form-item>
-
-            <!--最晚发货日期-->
-            <ws-form-item
-              label="最晚到货日期"
-              span="1"
-              prop="deliveryDateEnd"
-            >{{ deptBudgetList.deliveryDateEnd }}</ws-form-item>
-            <!--合同编号-->
-            <ws-form-item label="合同编号" span="1" prop="contractNo">{{ deptBudgetList.contractNo }}</ws-form-item>
-          </ws-info-table>
-          <div class="small-title" style="font-size: 16px">联络员及航次</div>
-          <div
-            style="width: 100% "
-            class="flex position middle"
-            v-for="(item, index) in deptBudgetList.tranCarInfoList"
-          >
-            <div style="margin: 18px;color: #69708C;">航次信息</div>
+        <div>
+          <div class="basicInformation">
+            <div class="small-title" style="font-size: 16px;">任务详情</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="processNo">{{ deptBudgetList.processNo }}</ws-form-item>
+              <!-- 货名 -->
+              <ws-form-item label="货名" span="1" prop="goodsName">{{ deptBudgetList.goodsName }}</ws-form-item>
+              <!--重量（吨）-->
+              <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 }}
+              </ws-form-item>
+              <!--发货人-->
+              <ws-form-item label="发货人" span="1" prop="sender">{{ deptBudgetList.sender }}</ws-form-item>
+
+              <!--发货人电话-->
+              <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{ deptBudgetList.senderPhone }}</ws-form-item>
+              <!--收货地址-->
+              <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 }}</ws-form-item>
+
+              <!--收货人电话-->
+              <ws-form-item label="收货人电话" span="1" prop="receiverPhone">{{ deptBudgetList.receiverPhone }}
+              </ws-form-item>
+
               <!--发船日期-->
-              <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-form-item label="发船日期" span="1" prop="deliveryDateStart">{{ deptBudgetList.deliveryDateStart }}
+              </ws-form-item>
+
+              <!--最晚发货日期-->
+              <ws-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">{{ deptBudgetList.deliveryDateEnd }}
+              </ws-form-item>
+              <!--合同编号-->
+              <ws-form-item label="合同编号" span="1" prop="contractNo">{{ deptBudgetList.contractNo }}</ws-form-item>
             </ws-info-table>
           </div>
-          <div class="xia">
-            <div
-              style="width: 100%"
-              class="flex position cangno"
-              v-for="(items, index) in freightspace"
-            >
-              <ws-info-table>
-                <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>
-              </ws-info-table>
+
+          <div>
+            <div class="small-title" style="font-size: 16px">联络员及航次</div>
+            <div v-if='deptBudgetList.tranCarInfoList'>
+              <div style="width: 100% " class="flex position middle"
+                v-for="(item, index) in deptBudgetList.tranCarInfoList" :key="index">
+                <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>
+                  <ws-form-item label="电话:" span="1" prop="driverPhone" style="width:210px;">{{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-if="item.shipType == '集装箱'">
+                    {{ item.boxNumber }}</ws-form-item>
+                  <ws-form-item label="仓位号:" span="1" prop="impurity" class="siji" v-if="item.shipType == '散船'">
+                    {{ item.binNumber }}</ws-form-item>
+                  <ws-form-item label="重量(吨):" span="1" prop="positionWeight" class="siji" v-if="item.shipType == '散船'">
+                    {{ item.positionWeight }}</ws-form-item>
+                </ws-info-table>
+              </div>
             </div>
+
           </div>
+
           <div style="text-align: right; padding: 10px">
             <el-button class="bg-bottom-up" type="primary" size="small" @click="returnsales()">关闭</el-button>
           </div>
@@ -159,428 +98,363 @@
   </div>
 </template>
 <script>
-import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
-import { shippingList, shippingLook } from '@/model/transport/index'
-import Pagination from '@/components/Pagination'
-import WsUpload from '@/components/WsUpload'
-import { dayjs, EventBus } from 'base-core-lib'
-export default {
-  name: 'viewSpareMoney',
-  components: {
-    WsUpload,
-    Pagination
-  },
-  watch: {
-    // vesselId(val) {
-    //   this.getList()
-    // },
-    isShow(val) {
-      this.showType = val
-    }
-  },
-  data() {
-    return {
-      //弹出框
-      dialogViewSpareMoney: false,
-      dialogApproveFormVisible: false,
-      // 船舶类型
-      monetaryKey: null,
-      // 表格显示数据
-      tableDate: [],
-      // 是否显示
-      showType: true,
-      // 年
-      year: '',
-      deptBudgetTotal: 0,
-      currentPage: 1,
-      pageSize: 10,
-      searchType: 1,
-      searchKeyWord: '',
-      contractType: 2,
-      startDate: null,
-      endDate: null,
-      goodnameList: {},
-      // 提交类型
-      submitType: true,
-      storageType: [],
-      readonly: true,
-      appendixIdsAdd: '',
-      uploadSuccess: {},
-      onChange: {},
-      gradeList: [],
-      tranCarInfoList: [],
-      list: [],
-      arr: [],
-      freightspace: [],
-      rules: {
-        netWeight: [
-          {
-            required: true,
-            type: 'number',
-            message: '请输入活动名称',
-            trigger: 'blur'
-          }
-        ]
-      },
-      size: 10,
-      compId: sessionStorage.getItem('ws-pf_compId'),
-      deptCircularPage: {},
-      packtypeList: {},
-      date: {
-        year: dayjs().format('YYYY'),
-        month: dayjs().format('MM')
-      },
-      contractList: [],
-      deptBudgetList: {
-        warehouseInOutDetail: {},
-        tranCarInfoList: []
-      },
-      historyList: [],
-
-      pickerBeginDateBefore: {
-        disabledDate: time => {
-          return time.getTime() > Date.now()
-        }
-      },
-      accessoryTFs: false
-    }
-  },
-  mounted() {
-    this.deptBudgetList.baseId = this.$route.query.baseId
-    this.deptBudgetList.positionId = this.$route.query.positionId
-    this.deptBudgetList.warehouseName = this.$route.query.warehouseName
-    this.deptBudgetList.binNumber = this.$route.query.binNumber
-    // this.getList()
-  },
-  activated() {
-    this.loaddata()
-  },
-  methods: {
-    loaddata() {
-      shippingLook({ id: this.$route.query.id })
-        .toPromise()
-        .then(response => {
-          this.deptBudgetList = response
-          for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
-            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]
-              })
-            }
-          }
-        })
+  import {
+    seeCat
+  } from '@/model/transport/index'
+  import Pagination from '@/components/Pagination'
+  import WsUpload from '@/components/WsUpload'
+  import {
+    dayjs,
+    EventBus
+  } from 'base-core-lib'
+  export default {
+    name: 'viewSpareMoney',
+    components: {
+      WsUpload,
+      Pagination
     },
-    // getList() {
-    //   shippingList({
-    //     compId: sessionStorage.getItem('ws-pf_compId'),
-    //     currentPage: this.currentPage,
-    //     pageSize: this.pageSize,
-    //     contractType: this.contractType,
-    //     tranTypeKey: this.tranTypeKey,
-    //   })
-    //     .toPromise()
-    //     .then((response) => {
-    //       this.warehouseList = response
-    //     })
-    // },
-    //返回按钮
-    revert() {
-      this.freightspace = []
-      this.$router.go(-1)
+    watch: {
+      isShow(val) {
+        this.showType = val
+      }
     },
-    del(index) {
-      if (this.freightspace.length > 1) {
-        this.freightspace.splice(index, 1)
+    data() {
+      return {
+        //弹出框
+        dialogViewSpareMoney: false,
+        dialogApproveFormVisible: false,
+        // 船舶类型
+        monetaryKey: null,
+        // 表格显示数据
+        tableDate: [],
+        // 是否显示
+        showType: true,
+        // 年
+        year: '',
+        deptBudgetTotal: 0,
+        currentPage: 1,
+        pageSize: 10,
+        searchType: 1,
+        searchKeyWord: '',
+        contractType: 2,
+        startDate: null,
+        endDate: null,
+        goodnameList: {},
+        // 提交类型
+        submitType: true,
+        storageType: [],
+        readonly: true,
+        appendixIdsAdd: '',
+        uploadSuccess: {},
+        onChange: {},
+        gradeList: [],
+        list: [],
+        arr: [],
+        size: 10,
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        deptCircularPage: {},
+        packtypeList: {},
+        deptBudgetList: {
+          totalStorage: 0,
+          tranCarInfoList: [],
+        },
+        tranCarInfoList: {},
+        date: {
+          year: dayjs().format('YYYY'),
+          month: dayjs().format('MM')
+        },
+        contractList: [],
+        deptBudgetList: {},
       }
     },
-    add() {
-      this.freightspace.push({
-        binNumber: '',
-        maxStorage: '',
-        remark: ''
-      })
+    activated() {
+      this.deptBudgetList.id = this.$route.query.id
+      this.getList()
     },
-    //提交按钮
-    submit() {
-      this.$confirm(`暂存后可在待完成页面查看，确定暂存`, {
-        cancelButtonText: '取消',
-        confirmButtonText: '确定',
-        type: 'warning'
-      })
-        .then(() => {
-          this.$refs.deptBudgetList.validate(valid => {
-            if (valid) {
-              this.deptBudgetList.compId = sessionStorage.getItem(
-                'ws-pf_compId'
-              )
-              this.deptBudgetList.inOutFlag = 2
-              this.deptBudgetList.statusFlag = 1
-              addstorageputList(this.deptBudgetList)
-                .toPromise()
-                .then(response => {
-                  this.$message.success('暂存成功')
-                  this.$router.push({ path: 'warehouseManagementList' })
-                })
-            } else {
-              EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
-              return false
-            }
+
+    methods: {
+      getList() {
+        seeCat({
+            id: this.$route.query.id
           })
-        })
-        .catch(() => {
-          return false
-        })
-    },
-    returnsales() {
-      this.$router.go(-1)
-    },
-    handleClose() {
-      this.accessoryTFs = false
-    },
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`)
-      this.pageSize = val
-      // this.getList()
-    },
-    handleCurrentChange(val) {
-      this.currentPage = val
-      console.log(`当前页: ${val}`)
-      // this.getList()
-    },
-    selecttaskType(e) {
-      for (var i = 0; i < this.taskTypeList.length; i++) {
-        if (this.taskTypeList[i].value == e) {
-          this.searchType = this.taskTypeList[i].type
-        }
-      }
-    },
-    approve() {},
-    listQuery() {}
+          .toPromise()
+          .then((response) => {
+            this.deptBudgetList = response
+            this.deptBudgetList.tranCarInfoList = response.tranCarInfoList
+            console.log(this.deptBudgetList.tranCarInfoList[0].driverPhone)
+            console.log(this.deptBudgetList.tranCarInfoList[1].driverPhone)
+          })
+      },
+      //返回按钮
+      revert() {
+        this.$router.go(-1)
+      },
+      returnsales() {
+        this.$router.go(-1)
+      },
+    }
   }
-}
 </script>
 <style lang="scss" scoped>
-/deep/.basicInformation {
-  .ws-info-table {
-    border: none;
-  }
-  .el-form-item {
-    width: 33.3333%;
-    border: none;
-    .el-form-item__label {
-      background: transparent;
+  /deep/.basicInformation {
+    .ws-info-table {
       border: none;
     }
-    .el-form-item__content {
+
+    .el-form-item {
+      width: 33.3333%;
       border: none;
+
+      .el-form-item__label {
+        background: transparent;
+        border: none;
+      }
+
+      .el-form-item__content {
+        border: none;
+      }
     }
   }
-}
-.title {
-  position: relative;
-  padding-left: 10px;
-}
-.title::before {
-  content: '';
-  display: inline-block;
-  width: 5px;
-  height: 30px;
-  background: #5473e8;
-  position: absolute;
-  left: 0;
-}
-.el-form {
-  padding: 0 10%;
-}
-.el-button--primary {
-  background-color: #5878e8;
-  border-color: #5878e8;
-}
-.el-col {
-  background: #f6f7fc;
-}
-.bg-right {
-  text-align: right;
-  padding: 16px 20px;
-}
-.center {
-  width: 100%;
-  margin: 0 auto;
-}
-
-//表格文字
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  text-align: left;
-  font-size: 14px;
-  font-weight: 400;
-  color: #8890b1;
-  line-height: 16px;
-}
-//蓝标
-.small-title {
-  position: relative;
-  padding: 10px;
-  font-weight: 600;
-}
-.small-title::before {
-  position: absolute;
-  content: '';
-  display: block;
-  background: #5473e8;
-  width: 4px;
-  height: 14px;
-  left: 0px;
-  top: 13px;
-  padding: 4px 2px;
-}
-.position {
-  width: 90%;
-}
-.position .siji {
-  width: 16%;
-}
-/deep/.position .ws-info-table .el-form-item .el-form-item__label {
-  background-color: #f5f7fa;
-}
-.position .zaizhong {
-  width: 16%;
-}
-//减号
-.del {
-  right: -70px;
-}
-// .bot{
-//   width: 30%;
-//   border: none;
-// }
-.siji {
-  width: 300px;
-}
-/deep/.el-form-item {
-  border-right: 0px;
-  border-bottom: 0px;
-}
-/deep/.ws-info-table {
-  border-left: 0px;
-  border-top: 0px;
-}
-.ws-info-table .el-form-item .el-form-item__content {
-  border-right: 0px;
-  border-bottom: 0px;
-  border-left: 0px;
-  border-top: 0px;
-}
-/deep/.ws-info-table .el-form-item {
-  border-right: 0px;
-  border-bottom: 0px;
-  border-left: 0px;
-  border-top: 0px;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__content {
-  background: #f5f7fa;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-  font-family: PingFangSC-Regular, PingFang SC;
-  margin-bottom: 5px;
-  background-color: #fff;
-  font-size: 13px;
-  font-weight: 400;
-  color: #8890b1;
-  line-height: 16px;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__content {
-  background: #f5f7fa;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-}
-/deep/.flex .ws-info-table .el-form-item .el-form-item__content {
-  border: 0px;
-  border-right: 1px solid #d8dce6;
-  border-radius: 0px;
-}
-/deep/.ws-class-table-col {
-  height: auto;
-  padding: 0px 2px;
-  /deep/.el-input__inner {
-    padding: 0px 2px;
+
+  .title {
+    position: relative;
+    padding-left: 10px;
   }
-}
-/deep/.is-disabled {
-  .el-input__prefix,
-  .el-input__suffix {
-    display: none;
+
+  .title::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 30px;
+    background: #5473e8;
+    position: absolute;
+    left: 0;
   }
-  .el-input__inner {
-    background-color: #fff;
-    border-color: #fff !important;
-    color: #000 !important;
+
+  .el-form {
+    padding: 0 10%;
+  }
+
+  .el-button--primary {
+    background-color: #5878e8;
+    border-color: #5878e8;
+  }
+
+  .el-col {
+    background: #f6f7fc;
+  }
+
+  .bg-right {
+    text-align: right;
+    padding: 16px 20px;
+  }
+
+  .center {
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  //表格文字
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    text-align: left;
     font-size: 14px;
-    cursor: text;
-    padding: 0 !important;
+    font-weight: 400;
+    color: #8890b1;
+    line-height: 16px;
+  }
+
+  //蓝标
+  .small-title {
+    position: relative;
+    padding: 10px;
+    font-weight: 600;
+  }
+
+  .small-title::before {
+    position: absolute;
+    content: '';
+    display: block;
+    background: #5473e8;
+    width: 4px;
+    height: 14px;
+    left: 0px;
+    top: 13px;
+    padding: 4px 2px;
+  }
+
+  .position {
+    width: 90%;
+  }
+
+  .position .siji {
+    width: 16%;
+  }
+
+  /deep/.position .ws-info-table .el-form-item .el-form-item__label {
+    background-color: #f5f7fa;
+  }
+
+  .position .zaizhong {
+    width: 16%;
+  }
+
+  //减号
+  .del {
+    right: -70px;
+  }
+
+  // .bot{
+  //   width: 30%;
+  //   border: none;
+  // }
+  .siji {
+    width: 300px;
+  }
+
+  /deep/.el-form-item {
+    border-right: 0px;
+    border-bottom: 0px;
+  }
+
+  /deep/.ws-info-table {
+    border-left: 0px;
+    border-top: 0px;
+  }
+
+  .ws-info-table .el-form-item .el-form-item__content {
+    border-right: 0px;
+    border-bottom: 0px;
+    border-left: 0px;
+    border-top: 0px;
+  }
+
+  /deep/.ws-info-table .el-form-item {
+    border-right: 0px;
+    border-bottom: 0px;
+    border-left: 0px;
+    border-top: 0px;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__content {
+    background: #f5f7fa;
+    border-radius: 4px;
+    border: 1px solid #d8dce6;
+    font-family: PingFangSC-Regular, PingFang SC;
+    margin-bottom: 5px;
+    background-color: #fff;
+    font-size: 13px;
+    font-weight: 400;
+    color: #8890b1;
+    line-height: 16px;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__content {
+    background: #f5f7fa;
+    border-radius: 4px;
+    border: 1px solid #d8dce6;
+  }
+
+  /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
+    border: 0px;
+    border-right: 1px solid #d8dce6;
+    border-radius: 0px;
+  }
+
+  /deep/.ws-class-table-col {
+    height: auto;
+    padding: 0px 2px;
+
+    /deep/.el-input__inner {
+      padding: 0px 2px;
+    }
+  }
+
+  /deep/.is-disabled {
+    .el-input__prefix,
+    .el-input__suffix {
+      display: none;
+    }
+
+    .el-input__inner {
+      background-color: #fff;
+      border-color: #fff !important;
+      color: #000 !important;
+      font-size: 14px;
+      cursor: text;
+      padding: 0 !important;
+      border: none;
+    }
+  }
+
+  .xia {
+    width: 700px;
+    // height: 50px;
+    border-radius: 4px;
+    border: 1px solid #d8dce6;
+    margin-top: 10px;
     border: none;
   }
-}
-.xia {
-  width: 700px;
-  // height: 50px;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-  margin-top: 10px;
-  border: none;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  // background-color: #f5f7fa;
-  font-size: 13px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #8890b1;
-  line-height: 16px;
-}
-.position .siji {
-  width: 14.28%;
-}
-.el-form {
-  height: 1000px;
-}
-.flex {
-  flex-direction: column;
-}
-/deep/.position .ws-info-table .el-form-item .el-form-item__label {
-  background-color: #f5f7fa;
-  // text-align: center;
-  width: 51%;
-}
-.middle {
-  background: #f6f7fc;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-}
-.line {
-  height: 26px;
-  margin-top: 6px;
-  left: 2px;
-}
-/deep/.ws-info-table.el-form-item .el-form-item__label {
-  // background-color: #eee;
-  // padding-right: 8px;
-  // padding-left: 8px;
-  // width: 100px; 
-  font-size: 12px;
-  // font-weight: bold;
-  // color: #333;
-  // overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  // line-height: 40px;
-  text-align: center;
-}
-/deep/.cangno .ws-info-table .el-form-item .el-form-item__content {
-  border: none;
-  
-}
+
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    // background-color: #f5f7fa;
+    font-size: 13px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #8890b1;
+    line-height: 16px;
+  }
+
+  .position .siji {
+    width: 14.28%;
+  }
+
+  .phone {
+    width: 100%;
+  }
+
+  .el-form {
+    height: 1000px;
+  }
+
+  .flex {
+    flex-direction: column;
+  }
+
+  /deep/.position .ws-info-table .el-form-item .el-form-item__label {
+    background-color: #f5f7fa;
+    // text-align: center;
+    width: 51%;
+  }
+
+  .middle {
+    background: #f6f7fc;
+    border-radius: 4px;
+    border: 1px solid #d8dce6;
+  }
+
+  .line {
+    height: 26px;
+    margin-top: 6px;
+    left: 2px;
+  }
+
+  /deep/.ws-info-table.el-form-item .el-form-item__label {
+    // background-color: #eee;
+    // padding-right: 8px;
+    // padding-left: 8px;
+    // width: 100px;
+    font-size: 12px;
+    // font-weight: bold;
+    // color: #333;
+    // overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    // line-height: 40px;
+    text-align: center;
+  }
+
+  /deep/.cangno .ws-info-table .el-form-item .el-form-item__content {
+    border: none;
+
+  }
 </style>