|
@@ -3,26 +3,25 @@
|
|
|
<div>
|
|
|
<BaseHeaderLayout :leftSpan="12">
|
|
|
<template slot="left">
|
|
|
- <ws-button class="but" @click="statusquery(1)">
|
|
|
- 执行中</ws-button
|
|
|
- >
|
|
|
+ <ws-button class="but" @click="statusquery(1)"> 执行中</ws-button>
|
|
|
<ws-button class="but" @click="statusquery(2)">已完成</ws-button>
|
|
|
<ws-button class="but" @click="statusquery()">全部任务</ws-button>
|
|
|
</template>
|
|
|
<!-- 接单开始 -->
|
|
|
<template slot="right">
|
|
|
<div>
|
|
|
- <span style="display: inline-block; width: 239px;color: #8890B1;">接单日期</span>
|
|
|
+ <span style="display: inline-block; width: 60px; color: #8890b1"
|
|
|
+ >接单日期</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<el-date-picker
|
|
|
- v-model="deptBudgetList.inOutDate"
|
|
|
+ v-model="inOutDate"
|
|
|
type="daterange"
|
|
|
align="right"
|
|
|
unlink-panels
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
-
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
<ws-input
|
|
@@ -47,38 +46,33 @@
|
|
|
src="../../../public/img/sousuo.png"
|
|
|
alt=""
|
|
|
/></ws-button>
|
|
|
-
|
|
|
</template>
|
|
|
</BaseHeaderLayout>
|
|
|
<div>
|
|
|
<el-table
|
|
|
class="wenzi"
|
|
|
:data="warehouseList.records"
|
|
|
- style="width: 100%; margin-top: 20px"
|
|
|
+ style="width: 100%;"
|
|
|
height="780"
|
|
|
>
|
|
|
- <el-table-column type="index" label="序号" width="80" >
|
|
|
+ <el-table-column type="index" label="序号" width="80">
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" prop="processNo" label="运输任务编号">
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" prop="goodsName" label="货名">
|
|
|
-
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" label="重量(吨)" prop="weight">
|
|
|
-
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" label="发货" prop="send">
|
|
|
-
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" label="收货" prop="receive">
|
|
|
-
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" label="运输周期" prop="tranCycle">
|
|
|
- <template scope="scope">
|
|
|
- {{scope.row.deliveryDateStart}} ~ {{scope.row.deliveryDateEnd}}
|
|
|
- </template>
|
|
|
+ <template scope="scope">
|
|
|
+ {{ scope.row.deliveryDateStart }} ~ {{ scope.row.deliveryDateEnd }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="status" label="状态">
|
|
|
+ <el-table-column prop="status" label="状态">
|
|
|
<template slot-scope="scope">
|
|
|
<el-popover
|
|
|
placement="left"
|
|
@@ -97,13 +91,20 @@
|
|
|
v-if="scope.row.processStatus == '执行中'"
|
|
|
class="inExecution"
|
|
|
></span>
|
|
|
- <span v-if="scope.row.processStatus == '已完成'" class="done"></span
|
|
|
+ <span
|
|
|
+ v-if="scope.row.processStatus == '已完成'"
|
|
|
+ class="done"
|
|
|
+ ></span
|
|
|
>{{ scope.row.processStatus }}
|
|
|
</span>
|
|
|
</template>
|
|
|
<div>
|
|
|
<p style="margin-top: 0; padding-left: 10px">历史记录</p>
|
|
|
- <div v-for="(item, index) in historyList" class="flex" :key="index">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in historyList"
|
|
|
+ class="flex"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<div class="vertical-text vertical-text-left">
|
|
|
{{ item.updateDate }}
|
|
|
</div>
|
|
@@ -129,17 +130,13 @@
|
|
|
alt=""
|
|
|
/>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column class="table_td" label="接单日期" prop="receivingDate">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column class="table_td" label="接单日期" prop="receivingDate">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="seller" label="操作" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="record" @click="handleLook(scope.row)">
|
|
|
- 查看
|
|
|
- </div>
|
|
|
- <div class="adjustment" @click="shipping(scope.row)">
|
|
|
- 船次
|
|
|
- </div>
|
|
|
+ <div class="record" @click="handleLook(scope.row)">查看</div>
|
|
|
+ <div class="adjustment" @click="shipping(scope.row)">船次</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -157,11 +154,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import {
|
|
|
- getList,
|
|
|
- shippingList,
|
|
|
- alsostate,
|
|
|
-} from '@/model/transport/index'
|
|
|
+import { getList, shippingList, alsostate } from '@/model/transport/index'
|
|
|
import { downloadFile } from '@/utils/batchDown'
|
|
|
import Pagination from '@/components/Pagination'
|
|
|
import WsUpload from '@/components/WsUpload'
|
|
@@ -194,19 +187,18 @@ export default {
|
|
|
showType: true,
|
|
|
// 年
|
|
|
year: '',
|
|
|
- pickerOptions:{
|
|
|
-
|
|
|
- },
|
|
|
+ pickerOptions: {},
|
|
|
value2: '',
|
|
|
- deptBudgetTotal:0,
|
|
|
+ deptBudgetTotal: 0,
|
|
|
currentPage: 1,
|
|
|
- tranTypeKey:3,
|
|
|
+ tranTypeKey: 3,
|
|
|
pageSize: 10,
|
|
|
searchType: 1,
|
|
|
searchTypeText: '未完成',
|
|
|
searchKeyWord: '',
|
|
|
contractType: 2,
|
|
|
-
|
|
|
+ inOutDate: [],
|
|
|
+
|
|
|
// 提交类型
|
|
|
submitType: true,
|
|
|
size: 10,
|
|
@@ -233,28 +225,27 @@ export default {
|
|
|
this.showType = this.isShow
|
|
|
},
|
|
|
methods: {
|
|
|
- getList(){
|
|
|
- console.log(123456)
|
|
|
+ getList() {
|
|
|
shippingList({
|
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
|
- currentPage:this.currentPage,
|
|
|
- pageSize:this.pageSize,
|
|
|
- contractType:this.contractType,
|
|
|
- tranTypeKey: this.tranTypeKey,
|
|
|
- searchType:this.searchType,
|
|
|
-
|
|
|
- })
|
|
|
- .toPromise()
|
|
|
- .then((response)=>{
|
|
|
- this.warehouseList = response
|
|
|
- this.deptCircularPage.currentPage = response.current
|
|
|
- this.deptCircularPage.pageSize = response.size
|
|
|
- this.deptBudgetTotal = response.total
|
|
|
-
|
|
|
-
|
|
|
+ currentPage: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ contractType: this.contractType,
|
|
|
+ tranTypeKey: this.tranTypeKey,
|
|
|
+ searchType: this.searchType,
|
|
|
+ startDate: this.startDate,
|
|
|
+ endDate: this.endDate,
|
|
|
+ searchKeyWord: this.searchKeyWord,
|
|
|
})
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.warehouseList = response
|
|
|
+ this.deptCircularPage.currentPage = response.current
|
|
|
+ this.deptCircularPage.pageSize = response.size
|
|
|
+ this.deptBudgetTotal = response.total
|
|
|
+ })
|
|
|
},
|
|
|
- statusquery(state){
|
|
|
+ statusquery(state) {
|
|
|
this.searchType = state
|
|
|
this.getList()
|
|
|
},
|
|
@@ -288,39 +279,25 @@ export default {
|
|
|
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
|
|
|
- }
|
|
|
+ //不是第一项时,就根据标识去存储
|
|
|
+ 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
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- //查看//传参
|
|
|
- // nocomplete(row) {
|
|
|
- // this.$router.push({
|
|
|
- // path: 'tranManagementVehicleLook',
|
|
|
- // query: {
|
|
|
- // baseId: row.warehouseId,
|
|
|
- // positionId: row.binNumberId,
|
|
|
- // warehouseName: row.warehouseName,
|
|
|
- // binNumber: row.binNumber,
|
|
|
- // // },
|
|
|
- // })
|
|
|
- // },
|
|
|
-
|
|
|
-
|
|
|
//查看
|
|
|
handleLook(row) {
|
|
|
- this.$router.push({
|
|
|
- name: 'tranManagementShippingLook',
|
|
|
+ this.$router.push({
|
|
|
+ name: 'tshippingDispatchingview',
|
|
|
query: { id: row.id },
|
|
|
- })
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
// 派船
|
|
@@ -328,20 +305,7 @@ export default {
|
|
|
this.$router.push({
|
|
|
name: 'shippingDispatchingcar',
|
|
|
query:{
|
|
|
- id: row.id ,
|
|
|
- // infoId:row.infoId,
|
|
|
- // processId:row.processId,
|
|
|
- // driver:row.driver,
|
|
|
- // driverType:row.driver,
|
|
|
- // driverPhone:row.driverPhone,
|
|
|
- // shipNo:row.shipNo,
|
|
|
- // loadWeight:row.loadWeight,
|
|
|
- // shipName:row.shipName,
|
|
|
- // shipType:row.shipType,
|
|
|
- // boxNumber:row.boxNumber,
|
|
|
- // positionWeight:row.positionWeight,
|
|
|
- // sendDateStart:row.sendDateStart,
|
|
|
- // receiveDateEnd:row.receiveDateEnd,
|
|
|
+ id: row.id ,
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -450,33 +414,16 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
find() {
|
|
|
+ if (this.inOutDate.length > 0) {
|
|
|
+ this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
|
|
|
+ this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
|
|
|
+ } else {
|
|
|
+ this.startDate = ''
|
|
|
+ this.endDate = ''
|
|
|
+ }
|
|
|
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',
|
|
|
- })
|
|
|
- },
|
|
|
- total(){},
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
@@ -558,22 +505,21 @@ export default {
|
|
|
height: 12px;
|
|
|
background: #e9ecf7;
|
|
|
}
|
|
|
-.el-row{
|
|
|
- height: 150px;
|
|
|
+.el-row {
|
|
|
+ height: 150px;
|
|
|
}
|
|
|
-.base_header_layout .grid-content{
|
|
|
- margin-top: 80px;
|
|
|
+.base_header_layout .grid-content {
|
|
|
+ margin-top: 80px;
|
|
|
}
|
|
|
-.but{
|
|
|
- margin-top: 150px;
|
|
|
- margin-left: 110px;
|
|
|
- }
|
|
|
-.el-input--small .el-input__inner{
|
|
|
- margin-left: 20px;
|
|
|
+.but {
|
|
|
+ margin-left: 6px;
|
|
|
+}
|
|
|
+.el-input--small .el-input__inner {
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
.el-range-editor--small.el-input__inner {
|
|
|
- height: 32px;
|
|
|
- margin-left: -20%;
|
|
|
+ height: 32px;
|
|
|
+ margin: 0 10px;
|
|
|
}
|
|
|
//执行样式
|
|
|
.executory,
|
|
@@ -596,7 +542,8 @@ export default {
|
|
|
.done {
|
|
|
background: #50cad4;
|
|
|
}
|
|
|
-.record, .adjustment{
|
|
|
+.record,
|
|
|
+.adjustment {
|
|
|
display: inline-block;
|
|
|
color: #5878e8;
|
|
|
padding: 0 4px !important;
|