前端sdy

src/lang/zh.js

@@ -521,6 +521,10 @@
     tranManagementTransporTationFire: '火运调度',
     tranManagementTransporTrainNo: '车次安排',
     tranManagementTransporTrainDetails: '火运调度详情',
+    //发货反馈
+    tranManagementTransporHairRespond: '发货反馈',
+    tranManagementTransporFeedback: '反馈',
+
 
     // 采购模块
     procurement: '采购管理',
@@ -4741,6 +4745,10 @@
     tranManagementTransporTrainNo: '车次安排',
     tranManagementTransporTrainDetails: '火运调度详情',
   },
+  tranManagementTransporHairRespond:{
+    tranManagementTransporHairRespond: '发货反馈',
+    tranManagementTransporFeedback:'反馈',
+  },
   // 任务管理
   tranManagement: '任务管理',
   // 年度培训

src/views/tranManagement/component/routers/route.js

@@ -178,6 +178,37 @@ const tranManagementRouter = {
         keepAlive: true
       }
     },
+    //发货反馈
+    {
+      path: 'tranManagementTransporHairRespond',
+      component: () =>
+        import(/* webpackChunkName: "applDetail" */ '@/views/tranManagement/tranManagementTransporHairRespond'),
+      name: 'tranManagementTransporHairRespond',
+      meta: {
+        title: 'tranManagementTransporHairRespond',
+        shortcutEntrance: 'tranManagement',
+        module: 'tranManagement.tranManagementTransporHairRespond',
+        permissicon: [],
+        keepAlive: true
+      }
+    },
+    //反馈
+    {
+      path: 'tranManagementTransporFeedback',
+      component: () =>
+        import(/* webpackChunkName: "applDetail" */ '@/views/tranManagement/tranManagementTransporFeedback'),
+      name: 'tranManagementTransporFeedback',
+      meta: {
+        title: 'tranManagementTransporFeedback',
+        shortcutEntrance: 'tranManagement',
+        module: 'tranManagement.tranManagementTransporFeedback',
+        permissicon: [],
+        keepAlive: true
+      },
+      hidden: true
+    },
+
+
   ],
 };
 export default tranManagementRouter;

src/views/tranManagement/tranManagementTransporHairRespond.vue

@@ -0,0 +1,447 @@
+//发货反馈
+<template>
+  <div>
+    <BaseHeaderLayout :leftSpan="12">
+      <template slot="left">
+        <ws-button
+          class="but"
+          type="primary"
+          @click="handleAdd()"
+        >
+          执行中</ws-button
+        >
+        <ws-button
+          class="but"
+          @click="handleLook()" 
+          >已完成</ws-button
+        >
+        <ws-button
+          class="but"
+          @click="handleEdit()"  
+          >全部任务</ws-button
+        >
+      </template>
+      <!-- 接单开始 -->
+      <template slot="left">
+        <ws-date-picker
+          v-model="deptBudgetList.inOutDate"
+          type="date"
+          placeholder="请选择开始日期"
+          value-format="yyyy-MM-dd"
+        />
+        <span>至</span>
+        <ws-date-picker
+          v-model="deptBudgetList.inOutDate"
+          type="date"
+          placeholder="请选择结束日期"
+          value-format="yyyy-MM-dd"
+        />
+        <ws-input
+          v-model="searchKeyWord"
+          placeholder="可按照合同编号、买方名称、卖方名称进行查找"
+          clearable
+          maxlength="500"
+          type="input"
+          class="findValue"
+        ></ws-input>
+        <ws-button
+          class="find"
+          type="primary"
+          @click="find()"
+          ><img
+            width="16"
+            height="16"
+            style="
+              vertical-align: text-top;
+              position: relative;
+              top: 0px;
+              left: -8px;
+            "
+            src="../../../public/img/sousuo.png"
+            alt=""
+        /></ws-button>
+      </template>
+    </BaseHeaderLayout>
+    <div class="container">
+      <el-table
+        class="wenzi"
+        :data="tranManagementList.records"
+        style="width: 100%; margin-top: 20px"
+        height="780"
+      >
+        <el-table-column type="index" label="序号" width="80">
+          <template scope="scope">
+            <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+            <span v-else>{{ scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="processNo" label="运输任务编号" width="120">
+        </el-table-column>
+        <el-table-column prop="goodsName" label="运输方式" width="80">
+        </el-table-column>
+         <el-table-column prop="goodsName" label="货名" width="80">
+        </el-table-column>
+        <el-table-column prop="weight" label="重量（吨）" width="120">
+        </el-table-column>
+        <el-table-column prop="send" label="发货" width="160">
+        </el-table-column>
+        <el-table-column prop="receive" label="收货" width="160">
+        </el-table-column>
+        <el-table-column prop="tranCycle" label="运输周期" width="160">
+          <template scope="scope">
+            {{ scope.row.deliveryDateStart }} ~ {{ scope.row.deliveryDateEnd }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" label="状态">
+          <template slot-scope="scope">
+            <el-popover
+              placement="left"
+              :width="285"
+              trigger="click"
+              visible-arrow="false"
+              @show="history(scope.row)"
+            >
+              <template>
+                <span slot="reference">
+                  <span
+                    v-if="scope.row.status == '待执行'"
+                    class="executory"
+                  ></span>
+                  <span
+                    v-if="scope.row.status == '执行中'"
+                    class="inExecution"
+                  ></span>
+                  <span v-if="scope.row.status == '已完成'" class="done"></span
+                  >{{ scope.row.status }}
+                </span>
+              </template>
+              <div>
+                <p style="margin-top: 0; padding-left: 10px">XXXXX</p>
+                <div v-for="(item, index) in historyList" class="flex">
+                  <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>
+                  <div class="vertical-text">
+                    {{ item.operateUser }}<br />{{ item.dealMsg }}
+                  </div>
+                </div>
+              </div>
+            </el-popover>
+            <img
+              width="17"
+              height="18"
+              style="vertical-align: text-top; position: relative; top: -1px"
+              src="../../../public/img/edit.png"
+              @click="editClick(scope.row)"
+              alt=""
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="receivingDate" class="table_td" label="接单日期">
+        </el-table-column>
+        <el-table-column prop="seller" label="操作" width="300">
+          <template slot-scope="scope">
+            <ws-button class="completed" @click="trainSee(scope.row)">
+              查看
+            </ws-button>
+            <ws-button class="putstorage" @click="feedback(scope.row)">
+              反馈
+            </ws-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+<script>
+import { automobileList } from '@/model/transport/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import WsUpload from '@/components/WsUpload'
+import { dayjs, fmoney, 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: '',
+      currentPage: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchTypeText: '未完成',
+      searchKeyWord: '',
+      contractType: 2,
+      tranTypeKey: 2,
+      // 提交类型
+      submitType: true,
+      size: 10,
+      spanArr: [],
+      warehouseName: '',
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      tranManagementList: [],
+      deptBudgetList: {},
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now()
+        },
+      },
+      accessoryTFs: false,
+    }
+  },
+  activated() {
+    //cg.viewBudget
+    //cg.viewSpareMoney
+    // this.getVesselData();
+    this.getList()
+    this.showType = this.isShow
+  },
+  methods: {
+    getSpanArr(data) {
+      let that = this
+      //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱
+      that.spanArr = []
+      that.pos = 0
+      //遍历数据
+      data.forEach((item, index) => {
+        //判断是否是第一项
+
+        // if (index === 0) {
+        //   this.spanArr.push(1)
+        //   this.pos = 0
+        // } else {
+        //不是第一项时，就根据标识去存储
+        if (data[index].warehouseNumViewList.length > 1) {
+          // 查找到符合条件的数据时每次要把之前存储的数据+1
+          this.spanArr[this.pos] = data[index].warehouseNumViewList.length
+          this.spanArr.push(0)
+        } else {
+          // 没有符合的数据时，要记住当前的index
+          this.spanArr.push(1)
+          this.pos = index
+        }
+        // }
+      })
+    },
+    //查看火运调度详细
+    trainSee(row) {
+      this.$router.push({
+        path: 'tranManagementTransporTrainDetails',
+        query: {
+          id: row.id,
+        },
+      })
+    },
+    //反馈
+    feedback(row) {
+      this.$router.push({
+        path: 'tranManagementTransporFeedback',
+        query: {
+          id: row.id,
+        },
+      })
+    },
+
+    //查看
+    handleLook() {
+      this.$router.push({ path: 'tranManagementVehicleLook' })
+    },
+    //添加
+    handleAdd() {
+      this.$router.push({ path: 'tranManagementTransportAdd' })
+    },
+    //编辑
+    handleEdit() {
+      this.$router.push({ path: 'tranManagementTransportEdit' })
+    },
+
+    dateFormat(fmt, date) {
+      let ret
+      const opt = {
+        'Y+': date.getFullYear().toString(), // 年
+        'm+': (date.getMonth() + 1).toString(), // 月
+        'd+': date.getDate().toString(), // 日
+        'H+': date.getHours().toString(), // 时
+        // "M+": date.getMinutes().toString(),         // 分
+        // "S+": date.getSeconds().toString()          // 秒
+        // 有其他格式化字符需求可以继续添加，必须转化成字符串
+      }
+      for (let k in opt) {
+        ret = new RegExp('(' + k + ')').exec(fmt)
+        if (ret) {
+          fmt = fmt.replace(
+            ret[1],
+            ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
+          )
+        }
+      }
+      return fmt
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      console.log(`当前页: ${val}`)
+      this.getList()
+    },
+    getList() {
+      automobileList({
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        contractType: this.contractType,
+        currentPage: this.currentPage,
+        pageSize: this.pageSize,
+        tranTypeKey: this.tranTypeKey,
+      })
+        .toPromise()
+        .then((response) => {
+          this.tranManagementList = response
+        })
+    },
+    editClick(row) {
+      var status = ''
+      if (row.status == '待执行' || row.status == '已完成') {
+        status = '执行中'
+      } else if (row.status == '执行中') {
+        status = '已完成'
+      }
+      //cancelButtonClass: "btn-custom-cancel"
+      this.$confirm(`是否将状态改为${status}`, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          editstatus({ id: row.id })
+            .toPromise()
+            .then((response) => {
+              this.$notify.success({
+                title: '成功',
+                message: '状态修改成功',
+              })
+              this.getList()
+            })
+            .catch((response) => {
+              // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+            })
+        })
+        .catch(() => {
+          return false
+        })
+    },
+    selecttaskType(e) {
+      for (var i = 0; i < this.taskTypeList.length; i++) {
+        if (this.taskTypeList[i].value == e) {
+          this.searchType = this.taskTypeList[i].type
+        }
+      }
+    },
+    find() {
+      this.currentPage = 1
+      this.getList()
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.container {
+  width: 90%;
+  margin: 0 auto;
+}
+.vertical-text-left {
+  width: 62px;
+  text-align: right;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-button--default {
+  color: #8890b1;
+  border-color: #e8eaf1;
+}
+/deep/.base_header_layout .grid-content.right .find.el-button--primary {
+  width: 30px;
+  margin-left: 0;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+/deep/.findValue .el-input__inner {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.completed.el-button--default {
+  border-color: #5878e8;
+  background-color: #f6f7fc;
+  color: #5878e8;
+}
+.putstorage.el-button--default,
+.deliverystorage.el-button--default {
+  border-color: #8890b1;
+  background-color: #fff;
+  color: #8890b1;
+}
+/deep/.el-table td,
+/deep/.el-table th.is-leaf {
+  border-right: 1px solid #e9ecf7;
+  text-align: center;
+}
+/deep/.el-table tr td:first-child,
+/deep/.el-table tr th.is-leaf:first-child {
+  border-left: 1px solid #e9ecf7;
+}
+
+.el-row {
+  height: 150px;
+}
+.base_header_layout .grid-content {
+  margin-top: 80px;
+}
+//待完成三按钮
+.but {
+  margin-top: 150px;
+  margin-left: 110px;
+}
+.el-input--small .el-input__inner {
+  margin-left: 20px;
+}
+.el-range-editor--small.el-input__inner {
+  height: 32px;
+  margin-left: -20%;
+}
+</style>

src/views/tranManagement/tranManagementTransporTationFire.vue

@@ -7,26 +7,17 @@
           class="but"
           type="primary"
           @click="handleAdd()"
-          v-hasPermission="
-            `${$permission('PERMISSIONS.PURSPAPPLINFO_CREATEINSTORE')}`
-          "
         >
           执行中</ws-button
         >
         <ws-button
           class="but"
           @click="handleLook()"
-          v-hasPermission="
-            `${$permission('PERMISSIONS.PURSPAPPLINFO_CREATEINSTORE')}`
-          "
           >已完成</ws-button
         >
         <ws-button
           class="but"
           @click="handleEdit()"
-          v-hasPermission="
-            `${$permission('PERMISSIONS.PURSPAPPLINFO_CREATEINSTORE')}`
-          "
           >全部任务</ws-button
         >
       </template>
@@ -58,9 +49,6 @@
           class="find"
           type="primary"
           @click="find()"
-          v-hasPermission="
-            `${$permission('PERMISSIONS.PURSPAPPLINFO_CREATEINSTORE')}`
-          "
           ><img
             width="16"
             height="16"
@@ -182,9 +170,7 @@
 <script>
 import {
  automobileList,
- dispatchCat
 } from '@/model/transport/index'
-import { downloadFile } from '@/utils/batchDown'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
 import { dayjs, fmoney, EventBus } from 'base-core-lib'
@@ -428,29 +414,6 @@ export default {
       this.currentPage = 1
       this.getList()
     },
-    // async exportlist() {
-    //   const { data } = await export1(
-    //     {
-    //       compId: sessionStorage.getItem('ws-pf_compId'),
-    //       contractType: this.contractType,
-    //       currentPage: this.currentPage,
-    //       pageSize: this.pageSize,
-    //       searchType: this.searchType,
-    //       searchKeyWord: this.searchKeyWord,
-    //       startDate: this.startDate,
-    //       endDate: this.endDate,
-    //     },
-    //     {},
-    //     { responseType: 'blob' }
-    //   ).toPromise()
-    //   downloadFile({
-    //     res: data,
-    //     fileName: `${
-    //       this.date.year + (this.date.month ? `-${this.date.month}` : '')
-    //     }_采购合同`,
-    //     type: 'xls',
-    //   })
-    // },
   },
 }
 </script>
@@ -501,23 +464,6 @@ export default {
 /deep/.el-table tr th.is-leaf:first-child {
   border-left: 1px solid #e9ecf7;
 }
-// .record,
-// .adjustment {
-//   display: inline-block;
-//   color: #5878e8;
-//   padding: 0 4px !important;
-//   position: relative;
-// }
-// .record:after {
-//   position: absolute;
-//   content: '';
-//   display: block;
-//   top: 5px;
-//   right: -2px;
-//   width: 1px;
-//   height: 12px;
-//   background: #e9ecf7;
-// }
 .el-row {
   height: 150px;
 }
@@ -526,6 +472,7 @@ export default {
 }
 .but {
   margin-top: 150px;
+  margin-left: 110px;
 }
 .el-input--small .el-input__inner {
   margin-left: 20px;

src/views/tranManagement/tranManagementTransporTrainDetails.vue

@@ -87,79 +87,84 @@
         </ws-form-item>
       </ws-info-table>
       <div class="small-title">联络员及车次</div>
-      <ws-info-table>
+      <div class="liaison">
+      <ws-info-table v-for="(item, index) in freightspace">
         <!--姓名-->
-        <ws-form-item label="姓名" span="1" prop="driver" class="liaison">
-          <ws-input
-            v-model="deptBudgetList.tranCarInfoList.driver"
+        <ws-form-item label="姓名" span="1" prop="driver" >
+          <!-- <ws-input 
+            v-model="item.driver"
             placeholder="请输入姓名"
             maxlength="20"
             size="small"
-          />
+          /> -->
+          {{item.driver}}
         </ws-form-item>
         <!--电话-->
-        <ws-form-item label="电话" span="1" prop="driverPhone" class="liaison">
-          <ws-input
-            v-model="deptBudgetList.driverPhone"
+        <ws-form-item label="电话" span="1" prop="driverPhone" >
+          <!-- <ws-input
+            v-model="item.driverPhone"
             placeholder="请输入电话"
             maxlength="20"
             size="small"
-          />
+          /> -->
+          {{item.driverPhone}}
         </ws-form-item>
         <!--发车日期-->
-        <ws-form-item label="发车日期" span="1" prop="sendDateStart" class="liaison">
-          <ws-input
-            v-model="deptBudgetList.sendDateStart"
+        <ws-form-item
+          label="发车日期"
+          span="1"
+          prop="sendDateStart"
+        >
+          <!-- <ws-input
+            v-model="item.sendDateStart"
             placeholder="请输入发车日期"
             maxlength="20"
             size="small"
-          />
+          /> -->
+          {{item.sendDateStart}}
         </ws-form-item>
         <!--到站日期-->
-        <ws-form-item label="到站日期" span="1" prop="receiveDateEnd" class="liaison">
-          <ws-input
-            v-model="deptBudgetList.receiveDateEnd"
+        <ws-form-item
+          label="到站日期"
+          span="1"
+          prop="receiveDateEnd"
+        >
+          <!-- <ws-input
+            v-model="item.receiveDateEnd"
             placeholder="请输入到站日期"
             maxlength="20"
             size="small"
-          />
+          /> -->
+          {{item.receiveDateEnd}}
         </ws-form-item>
         <!--车型-->
-        <ws-form-item label="车型" span="1" prop="trainNo" class="liaison">
-          <ws-input
-            v-model="deptBudgetList.trainNo"
+        <ws-form-item label="车型" span="1" prop="carModel">
+          <!-- <ws-input
+            v-model="item.carModel"
             placeholder="请输入车型"
             maxlength="20"
             size="small"
-          />
+          /> -->
+          {{item.carModel}}
         </ws-form-item>
         <div
           style="width: 100%"
-          class="flex position"
+          class="flex position liaison1"
           v-for="(item, index) in freightspace"
         >
           <!--车厢号-->
           <ws-form-item label="车厢号" span="1" prop="trainNo" class="liaison">
-            <ws-input
-              v-model="deptBudgetList.trainNo"
+            <!-- <ws-input
+              v-model="item.trainNo"
               placeholder="请输入车厢号"
               maxlength="20"
               size="small"
-            />
-            <!-- <img
-              width="22"
-              height="22"
-              class="del"
-              @click="del(index)"
-              src="../../../public/img/del.png"
-              alt=""
             /> -->
+            {{item.trainNo}}
           </ws-form-item>
         </div>
-        <!-- <el-button class="add bg-bottom" type="primary" @click="add">
-          添加车厢
-        </el-button> -->
       </ws-info-table>
+      </div>
     </ws-form>
 
     <!-- 提交 -->
@@ -339,7 +344,14 @@ export default {
         .toPromise()
         .then((response) => {
           this.deptBudgetList = response
-          this.freightspace = response.tranCarInfoList
+           this.freightspace = this.deptBudgetList.tranCarInfoList
+          //  for(var i = 0 ; i < this.deptBudgetList.tranCarInfoList.length;i++ ){
+          //    var varchar = this.deptBudgetList.tranCarInfoList[i].boxNo    
+          //    this.list.push(
+          //      this.list = varchar.split(",")
+          //     )
+          //  }
+          //  console.log(this.list,"字符串")
         })
     },
     handleExamine() {},
@@ -725,16 +737,18 @@ export default {
 }
 
 /deep/.ws-info-table .el-form-item .el-form-item__content {
-  border: 0px;
+  background: #f5f7fa;
+  border-radius: 4px;
+  border: 1px solid #d8dce6;
 }
 //联络员及车次
-/deep/.container .flex .ws-info-table .el-form-item {
+/deep/.liaison .ws-info-table .el-form-item {
   width: 20%;
 }
-/deep/.container .flex .ws-info-table .el-form-item .el-form-item__label {
+/deep/.liaison.ws-info-table .el-form-item .el-form-item__label {
   width: 33%;
 }
-/deep/.liaison{
-  width: 20%;
+/deep/.liaison .flex{
+  display: contents;
 }
 </style>

src/views/tranManagement/tranManagementTransporTrainNo.vue

@@ -113,8 +113,8 @@
         </ws-form-item>
       </ws-info-table>
       <div class="small-title">联络员及车皮信息</div>
-
-      <ws-info-table class="flex1">
+     <div class="liaison">
+      <ws-info-table >
         <!--姓名-->
         <ws-form-item label="姓名" span="1" prop="driver">
           <el-select
@@ -203,14 +203,15 @@
             />
           </ws-form-item>
         </div>
-        <el-button
+      </ws-info-table>
+     </div>
+       <el-button
           class="add bg-bottom"
           type="primary"
           size="small"
           @click="add"
           >添加车厢</el-button
         >
-      </ws-info-table>
     </ws-form>
 
     <!-- 提交 -->
@@ -379,13 +380,6 @@ export default {
     // 上传附件
     uploadSuccess(data, files, url) {
       console.log(data, files, url)
-
-      // this.deptBudgetList.
-      // this.formData.append('files', files)
-      // this.feedbackObj.uploadNameAttachment = data.appendixName
-      // this.feedbackObj.pathUploadAttachment = data.appendixPath
-      // // this.newAppendixs = files
-      // this.onChangeFlag = true
     },
     submit() {
       this.$confirm(`提交成功后，任务将下发给相关人员，是否确定提交?`, {
@@ -411,7 +405,6 @@ export default {
               this.tranCarInfoList.receiveDateEnd = this.deptBudgetList.receiveDateEnd
               this.tranCarInfoList.carModel = this.deptBudgetList.carModel
               this.tranCarInfoList.tranType= this.tranType
-              // this.tranCarInfoList.infoId = this.infoId
               this.tranCarInfoList.boxNo = this.arr.toString()
               var tranCarInfo = {}
               var tranList = [this.tranCarInfoList]
@@ -841,13 +834,23 @@ export default {
 }
 
 /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;
 }
 //联络员及车次
-/deep/.flex1 .ws-info-table .el-form-item {
+/deep/.liaison .ws-info-table .el-form-item {
   width: 20%;
 }
-/deep/.flex1 .ws-info-table .el-form-item .el-form-item__label {
-  width: 20%;
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
+
+  width: 25%;
+}
+/deep/.liaison .flex{
+  display: contents;
 }
+
 </style>