1

src/views/taskManagement/tranManagementLook.vue

@@ -6,50 +6,35 @@
         <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()"
-          ><img
-            width="6"
-            height="10"
-            style="vertical-align: bottom; margin-right: 3px"
-            src="../../../public/img/lujing.png"
-            alt=""
-          />返回</el-button
-        >
+        <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="" />返回
+        </el-button>
       </el-col>
     </el-row>
-    <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
+    <el-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
       <div class="basicInformation">
-        <ws-info-table>
-          <ws-form-item label="任务编号" span="1" prop="taskNo">
+        <ws-info-table class="el-table">
+          <el-form-item label="任务编号" span="1" prop="taskNo">
             {{ deptBudgetList.taskNo }}
-          </ws-form-item>
-          <ws-form-item label="合同编号/移库任务编号" span="1" prop="contractNo">
+          </el-form-item>
+          <el-form-item label="合同编号/移库任务编号" span="1" prop="contractNo">
             {{ deptBudgetList.contractNo }}
-          </ws-form-item>
-          <ws-form-item label="货名" span="1" prop="goodsName" class="readonly">
+          </el-form-item>
+          <el-form-item label="货名" span="1" prop="goodsName" class="readonly">
             {{ deptBudgetList.goodsName }}
-          </ws-form-item>
-          <ws-form-item label="重量（吨）" span="1" prop="weight">
+          </el-form-item>
+          <el-form-item label="重量（吨）" span="1" prop="weight">
             {{ deptBudgetList.weight }}
-          </ws-form-item>
+          </el-form-item>
         </ws-info-table>
         <div class="address">
-          <ws-info-table>
-            <ws-form-item label="始发地" span="1" prop="netWeight">
-              {{ deptBudgetList.startPrivate }}{{ deptBudgetList.startCity
-              }}{{ deptBudgetList.startArea 
-              }}{{ deptBudgetList.startDetailedAddress }}
-              （{{deptBudgetList.sendWarehouse?deptBudgetList.sendWarehouse:''}}）
-            </ws-form-item>
-            <ws-form-item label="终到地" span="1" prop="netWeight">
-              {{ deptBudgetList.endPrivate }}{{ deptBudgetList.endCity
-              }}{{ deptBudgetList.endArea}}{{ deptBudgetList.endDetailedAddress }} 
-                （{{deptBudgetList.receiveWarehouse?deptBudgetList.receiveWarehouse:''}}）
-            </ws-form-item>
+          <ws-info-table class="el-table">
+            <el-form-item label="始发地" span="1" prop="netWeight">
+              {{ deptBudgetList.startPrivate }}{{ deptBudgetList.startCity}}{{ deptBudgetList.startArea}}{{ deptBudgetList.startDetailedAddress }}({{deptBudgetList.sendWarehouse?deptBudgetList.sendWarehouse:''}})
+            </el-form-item>
+            <el-form-item label="终到地" span="1" prop="netWeight">
+              {{ deptBudgetList.endPrivate }}{{ deptBudgetList.endCity}}{{ deptBudgetList.endArea}}{{ deptBudgetList.endDetailedAddress }}{{deptBudgetList.receiveWarehouse?deptBudgetList.receiveWarehouse:''}}）
+            </el-form-item>
           </ws-info-table>
         </div>
         <div class="inspector">
@@ -61,334 +46,366 @@
           </el-checkbox-group>
         </div>
       </div>
-     <div
-        v-for="(item, index) in deptBudgetList.tranProcessInfoList"
-        :key="index"
-        class="datafor"
-      >
+      <div v-for="(item, index) in deptBudgetList.tranProcessInfoList" :key="index" class="datafor">
         <div class="driver">运输阶段&nbsp;&nbsp;{{ index+1 }}&nbsp;&nbsp;({{ item.processNo }})
         </div>
-          <ws-info-table class="el-table">
-         <ws-form-item label="运输方式" span="1" prop="tranType">
+        <ws-info-table class="el-table">
+          <el-form-item label="运输方式" span="1" prop="tranType">
             {{ item.tranType }}
-          </ws-form-item>
-          <ws-form-item label="发货日期" span="1" prop="deliveryDateStart">
+          </el-form-item>
+          <el-form-item label="发货日期" span="1" prop="deliveryDateStart">
             {{ item.deliveryDateStart }}
-          </ws-form-item>
-          <ws-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">
+          </el-form-item>
+          <el-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">
             {{ item.deliveryDateEnd }}
-          </ws-form-item>
-          <ws-form-item label="本阶段运输重量（吨）" span="1" prop="weight">
+          </el-form-item>
+          <el-form-item label="本阶段运输重量（吨）" span="1" prop="weight">
             {{ item.weight }}
-          </ws-form-item>
+          </el-form-item>
         </ws-info-table>
         <ws-info-table>
-          <ws-form-item label="发货地区" span="1" prop="waterContent">
+          <el-form-item label="发货地区" span="1" prop="waterContent">
             {{ item.sendPrivate }}/{{ item.sendCity }}/{{ item.sendArea }}
-          </ws-form-item>
-          <ws-form-item label="发货人" span="1" prop="sender">
+          </el-form-item>
+          <el-form-item label="发货人" span="1" prop="sender">
             {{ item.sender }}
-          </ws-form-item>
-          <ws-form-item label="发货人电话" span="1" prop="senderPhone">
+          </el-form-item>
+          <el-form-item label="发货人电话" span="1" prop="senderPhone">
             {{ item.senderPhone }}
-          </ws-form-item>
-        </ws-info-table>    
+          </el-form-item>
+        </ws-info-table>
         <ws-info-table>
-          <ws-form-item label="收货地区" span="1" prop="waterContent">
+          <el-form-item label="收货地区" span="1" prop="waterContent">
             {{ item.receivePrivate }}/{{ item.receiveCity
             }}/{{ item.receiveArea }}
-          </ws-form-item>
-          <ws-form-item label="收货人" span="1" prop="receiver">
+          </el-form-item>
+          <el-form-item label="收货人" span="1" prop="receiver">
             {{ item.receiver }}
-          </ws-form-item>
-          <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
+          </el-form-item>
+          <el-form-item label="收货人电话" span="1" prop="receiverPhone">
             {{ item.receiverPhone }}
-          </ws-form-item>  
+          </el-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="revert()"
-          >关闭</el-button
-        >
+        <el-button class="bg-bottom-up" type="primary" size="small" @click="revert()">关闭</el-button>
       </div>
-    </ws-form>
+    </el-form>
   </div>
 </template>
 <script>
-import { examinetran } from '@/model/tasksport/index'
-import Pagination from '@/components/Pagination'
-import WsUpload from '@/components/WsUpload'
-// import { dayjs, fmoney, EventBus } from 'base-core-lib'
-import { dayjs, EventBus } from 'base-core-lib'
-export default {
-  name: 'viewSpareMoney',
-  components: {
-    WsUpload,
-    Pagination,
-  },
-  watch: {
-  },
-  data() {
-    return {
-      //多选按钮
-      checkList: [],
-      //弹出框
-      dialogViewSpareMoney: false,
-      dialogApproveFormVisible: false,
-      // 船舶类型
-      monetaryKey: null,
-      // 表格显示数据
-      tableDate: [],
-      // 是否显示
-      showType: true,
-      // 年
-      year: '',
-      deptBudgetTotal: 0,
-      currentPage: 1,
-      pageSize: 10,
-      contractType: 2,
-      startDate: null,
-      endDate: null,
-      goodnameList: {},
-      // 提交类型
-      submitType: true,
-      storageType: [],
-      readonly: true,
-      appendixIdsAdd: '',
-      uploadSuccess: {},
-      onChange: {},
-      gradeList: [],
-      rules: {
-        netWeight: [
-          {
+  import {
+    examinetran
+  } from '@/model/tasksport/index'
+  import Pagination from '@/components/Pagination'
+  import WsUpload from '@/components/WsUpload'
+  // import { dayjs, fmoney, EventBus } from 'base-core-lib'
+  import {
+    dayjs,
+    EventBus
+  } from 'base-core-lib'
+  export default {
+    name: 'viewSpareMoney',
+    components: {
+      WsUpload,
+      Pagination,
+    },
+    watch: {},
+    data() {
+      return {
+        //多选按钮
+        checkList: [],
+        //弹出框
+        dialogViewSpareMoney: false,
+        dialogApproveFormVisible: false,
+        // 船舶类型
+        monetaryKey: null,
+        // 表格显示数据
+        tableDate: [],
+        // 是否显示
+        showType: true,
+        // 年
+        year: '',
+        deptBudgetTotal: 0,
+        currentPage: 1,
+        pageSize: 10,
+        contractType: 2,
+        startDate: null,
+        endDate: null,
+        goodnameList: {},
+        // 提交类型
+        submitType: true,
+        storageType: [],
+        readonly: true,
+        appendixIdsAdd: '',
+        uploadSuccess: {},
+        onChange: {},
+        gradeList: [],
+        rules: {
+          netWeight: [{
             required: true,
             type: 'number',
             message: '请输入活动名称',
             trigger: 'blur',
-          },
-        ],
-      },
-      size: 10,
-      compId: localStorage.getItem('ws-pf_compId'),
-      deptCircularPage: {},
-      packtypeList: {},
-      date: {
-        year: dayjs().format('YYYY'),
-        month: dayjs().format('MM'),
-      },
-      contractList: [],
-      deptBudgetList: {},
-      historyList: [],
-      accessoryTFs: false,
-    }
-  },
-  activated() {
-    this.getList()
-  },
-  methods: {
-    //返回按钮
-    revert() {
-      this.$router.push({ path: 'tranManagementTransport' })
+          }, ],
+        },
+        size: 10,
+        compId: localStorage.getItem('ws-pf_compId'),
+        deptCircularPage: {},
+        packtypeList: {},
+        date: {
+          year: dayjs().format('YYYY'),
+          month: dayjs().format('MM'),
+        },
+        contractList: [],
+        deptBudgetList: {},
+        historyList: [],
+        accessoryTFs: false,
+      }
     },
-    getList() {
-      examinetran({ id: this.$route.query.id })
-        .toPromise()
-        .then((response) => {
-
-          this.checkList = response.tranType.split(',')
-          this.deptBudgetList = response
+    activated() {
+      this.getList()
+    },
+    methods: {
+      //返回按钮
+      revert() {
+        this.$router.push({
+          path: 'tranManagementTransport'
         })
+      },
+      getList() {
+        examinetran({
+            id: this.$route.query.id
+          })
+          .toPromise()
+          .then((response) => {
+
+            this.checkList = response.tranType.split(',')
+            this.deptBudgetList = response
+          })
+      },
+      approve() {},
+      listQuery() {},
     },
-    approve() {},
-    listQuery() {},
-  },
-}
+  }
 </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%;
-  margin-top: 50px;
-}
-.el-button--primary {
-  background-color: #5878e8;
-  border-color: #5878e8;
-}
-.el-col {
-  background: #f6f7fc;
-}
-.bg-right {
-  text-align: right;
-  padding: 16px 20px;
-}
-/deep/.address .ws-info-table .el-form-item {
-  width: 100%;
-  border: none;
-}
-/deep/.address .el-form-item .el-form-item__content {
-  width: 30%;
-}
-.container {
-  overflow: scroll;
-  height: 120vh;
-}
-
-.deliverydate {
-  display: inline-block;
-  width: 10%;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  text-align: center;
-  font-size: 14px;
-  font-weight: 400;
-  color: #8890b1;
-  line-height: 16px;
-  border: none;
-  width: -webkit-min-content;
-
-}
-
-.inspector {
-  margin-top: 10px;
-}
-.inspector .zi {
-  text-align: center;
-  margin-left: 22px;
-  color: #69708C;
-  font-size: 14px;
-}
-.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;
-}
-.el-checkbox-group {
-  margin-left: 120px;
-  margin-top: -20px;
-}
-//底部表格
-/deep/.nei {
-  .ws-info-table {
+
+  .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%;
+    margin-top: 50px;
+  }
+
+  .el-button--primary {
+    background-color: #5878e8;
+    border-color: #5878e8;
+  }
+
+  .el-col {
+    background: #f6f7fc;
+  }
+
+  .bg-right {
+    text-align: right;
+    padding: 16px 20px;
+  }
+
+  /deep/.address .ws-info-table .el-form-item {
+    width: 100%;
     border: none;
   }
-  .el-form-item {
-    // width: 33.3333%;
+
+  /deep/.address .el-form-item .el-form-item__content {
+    width: 30%;
+  }
+
+  .container {
+    overflow: scroll;
+    height: 120vh;
+  }
+
+  .deliverydate {
+    display: inline-block;
+    width: 10%;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+    color: #8890b1;
+    line-height: 16px;
     border: none;
-    .el-form-item__label {
-      background: transparent;
+    width: -webkit-min-content;
+
+  }
+
+  .inspector {
+    margin-top: 10px;
+  }
+
+  .inspector .zi {
+    text-align: center;
+    margin-left: 22px;
+    color: #69708C;
+    font-size: 14px;
+  }
+
+  .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;
+  }
+
+  .el-checkbox-group {
+    margin-left: 120px;
+    margin-top: -20px;
+  }
+
+  //底部表格
+  /deep/.nei {
+    .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;
+      }
     }
   }
-}
-/deep/.neifor {
-  .ws-info-table {
-    border: none;
-  }
-  .el-form-item {
-    // width: 33.3333%;
-    border: none;
-    .el-form-item__label {
-      background: transparent;
+
+  /deep/.neifor {
+    .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;
+      }
     }
   }
-}
-.ws-info-table .el-form-item {
-  width: 25%;
-  height: 50px;
-  color: #69708c;
-  font-size: 14px;
-}
-/deep/.basicInformation .el-form-item .el-form-item__content {
-  background: #f5f7fa;
-  border-radius: 4px;
-  border: 1px solid #d8dce6;
-}
-/deep/.inspector .el-form-item .el-form-item__label {
-  width: 30%;
-}
-.datafor {
-  border: 1px solid #d8dce6;
-  border-radius: 5px;
-  margin-top: 30px;
-  border-left: 5px solid #8890B1;
-}
-/deep/.datafor .el-form-item .el-form-item__content {
-  background: #f5f7fa;
-  border-radius: 5px;
-}
-/deep/.datafor .ws-info-table .el-form-item .el-form-item__label {
-  background: #fafbfc;
-  background: none;
-}
-/deep/.ws-info-table,
-/deep/.ws-info-table .el-form-item {
-  border: none;
-}
-/deep/.ws-info-table{
-  width: 99%;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__content {
-  border: none;
-}
-.driver {
-  margin-left: 20px;
-  height: 32px;
-  line-height: 30px;
-  font-size: 16px;
-  color: #69708c;
-}
-.el-form{
-      height: 73vh;
+
+  .ws-info-table .el-form-item {
+    width: 25%;
+    height: 50px;
+    color: #69708c;
+    font-size: 14px;
+  }
+
+  /deep/.basicInformation .el-form-item .el-form-item__content {
+    background: #f5f7fa;
+    border-radius: 4px;
+    border: 1px solid #d8dce6;
+  }
+
+  /deep/.inspector .el-form-item .el-form-item__label {
+    width: 30%;
+  }
+
+  .datafor {
+    border: 1px solid #d8dce6;
+    border-radius: 5px;
+    margin-top: 30px;
+    border-left: 5px solid #8890B1;
+  }
+
+  /deep/.datafor .el-form-item .el-form-item__content {
+    background: #f5f7fa;
+    border-radius: 5px;
+  }
+
+  /deep/.datafor .ws-info-table .el-form-item .el-form-item__label {
+    background: #fafbfc;
+    background: none;
+  }
+
+  /deep/.ws-info-table,
+  /deep/.ws-info-table .el-form-item {
+    border: none;
+  }
+
+  /deep/.ws-info-table {
+    width: 99%;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__content {
+    border: none;
+  }
+
+  .driver {
+    margin-left: 20px;
+    height: 32px;
+    line-height: 30px;
+    font-size: 16px;
+    color: #69708c;
+  }
+
+  .el-form {
+    height: 73vh;
     overflow: scroll;
-}
+  }
 </style>