|
@@ -1,53 +1,40 @@
|
|
|
//船运调度
|
|
|
<template>
|
|
|
<div>
|
|
|
- <BaseHeaderLayout :leftSpan="14">
|
|
|
+ <BaseHeaderLayout :leftSpan="12">
|
|
|
<template slot="left">
|
|
|
- <ws-button
|
|
|
- class="but"
|
|
|
- type="primary"
|
|
|
- @click="handlestatus(1)"
|
|
|
- >
|
|
|
+ <ws-button class="but" type="primary" @click="statusquery(1)">
|
|
|
执行中</ws-button
|
|
|
>
|
|
|
- <ws-button
|
|
|
- class="but"
|
|
|
- @click="handlestatus(2)"
|
|
|
-
|
|
|
- >已完成</ws-button
|
|
|
- >
|
|
|
- <ws-button
|
|
|
- class="but"
|
|
|
- @click="handlestatus('')"
|
|
|
-
|
|
|
- >全部任务</ws-button
|
|
|
- >
|
|
|
+ <ws-button class="but" @click="statusquery(2)">已完成</ws-button>
|
|
|
+ <ws-button class="but" @click="statusquery()">全部任务</ws-button>
|
|
|
</template>
|
|
|
<!-- 接单开始 -->
|
|
|
- <template slot="left">
|
|
|
- <el-date-picker
|
|
|
- v-model="value2"
|
|
|
- type="daterange"
|
|
|
- align="right"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
+ <template slot="right">
|
|
|
+ <span style="display: inline-block; width: 290px;color: #8890B1;">接单日期</span>
|
|
|
+ <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="可按照合同编号、买方名称、卖方名称进行查找"
|
|
|
+ placeholder="可按发货人、收货人、任务编号查找"
|
|
|
clearable
|
|
|
maxlength="500"
|
|
|
type="input"
|
|
|
class="findValue"
|
|
|
></ws-input>
|
|
|
- <ws-button
|
|
|
- class="find"
|
|
|
- type="primary"
|
|
|
- @click="find()"
|
|
|
+ <!-- v-hasPermission="'procurement.sparepart.directShip'" -->
|
|
|
+ <ws-button class="find" type="primary" @click="find()"
|
|
|
><img
|
|
|
width="16"
|
|
|
height="16"
|
|
@@ -60,6 +47,7 @@
|
|
|
src="../../../public/img/sousuo.png"
|
|
|
alt=""
|
|
|
/></ws-button>
|
|
|
+
|
|
|
</template>
|
|
|
</BaseHeaderLayout>
|
|
|
<div>
|
|
@@ -91,67 +79,67 @@
|
|
|
</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"></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 }}
|
|
|
+ <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" :key="index">
|
|
|
+ <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>
|
|
|
- </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-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 class="table_td" label="接单日期" prop="receivingDate">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="seller" label="操作" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- <ws-button class="completed" @click="handleLook(scope.row)">
|
|
|
+ <div class="record" @click="handleLook(scope.row)">
|
|
|
查看
|
|
|
- </ws-button>
|
|
|
- <ws-button class="putstorage" @click="shipping(scope.row)">
|
|
|
+ </div>
|
|
|
+ <div class="adjustment" @click="shipping(scope.row)">
|
|
|
船次
|
|
|
- </ws-button>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -172,6 +160,7 @@
|
|
|
import {
|
|
|
getList,
|
|
|
shippingList,
|
|
|
+ alsostate,
|
|
|
} from '@/model/transport/index'
|
|
|
import { downloadFile } from '@/utils/batchDown'
|
|
|
import Pagination from '@/components/Pagination'
|
|
@@ -252,19 +241,21 @@ export default {
|
|
|
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
|
|
|
+ this.deptCircularPage.pageSize = response.size
|
|
|
+ this.deptBudgetTotal = response.total
|
|
|
|
|
|
|
|
|
})
|
|
|
},
|
|
|
- handlestatus(status){
|
|
|
- this.searchType = status
|
|
|
+ statusquery(state){
|
|
|
+ this.searchType = state
|
|
|
this.getList()
|
|
|
},
|
|
|
delivery(item) {
|
|
@@ -403,7 +394,7 @@ export default {
|
|
|
type: 'warning',
|
|
|
})
|
|
|
.then(() => {
|
|
|
- editstatus({ id: row.id })
|
|
|
+ alsostate({ id: row.id })
|
|
|
.toPromise()
|
|
|
.then((response) => {
|
|
|
this.$notify.success({
|
|
@@ -583,4 +574,32 @@ export default {
|
|
|
height: 32px;
|
|
|
margin-left: -20%;
|
|
|
}
|
|
|
+//执行样式
|
|
|
+.executory,
|
|
|
+.inExecution,
|
|
|
+.done {
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: relative;
|
|
|
+ top: -1px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.executory {
|
|
|
+ background: #ff9f24;
|
|
|
+}
|
|
|
+.inExecution {
|
|
|
+ background: #5878e8;
|
|
|
+}
|
|
|
+.done {
|
|
|
+ background: #50cad4;
|
|
|
+}
|
|
|
+.record, .adjustment{
|
|
|
+ display: inline-block;
|
|
|
+ color: #5878e8;
|
|
|
+ padding: 0 4px !important;
|
|
|
+ position: relative;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
</style>
|