|
@@ -89,7 +89,17 @@
|
|
{{ deptBudgetList.contractNo }}
|
|
{{ deptBudgetList.contractNo }}
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
- <div class="small-title" style="font-size: 16px">装车详情</div>
|
|
|
|
|
|
+ <div class="small-title" style="font-size: 16px; width: 50%;float: left;">装车详情</div>
|
|
|
|
+ <!-- 导入 -->
|
|
|
|
+ <div style="font-size: 16px; width: 50%;float: left;text-align: right;">
|
|
|
|
+ <el-button
|
|
|
|
+ class="bg-bottom"
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ @click="import(deptBudgetList)"
|
|
|
|
+ >导入</el-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
<div class="liaison">
|
|
<div class="liaison">
|
|
<div
|
|
<div
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
@@ -100,6 +110,15 @@
|
|
<ws-info-table>
|
|
<ws-info-table>
|
|
<div class="catNos" v-show="item.temporaryDriverFlag == 0">
|
|
<div class="catNos" v-show="item.temporaryDriverFlag == 0">
|
|
司机-{{ index + 1 }}
|
|
司机-{{ index + 1 }}
|
|
|
|
+ <span class="noservice" v-show="item.status == '未装车'">{{
|
|
|
|
+ item.status
|
|
|
|
+ }}</span>
|
|
|
|
+ <span class="service" v-show="item.status == '已装车'">{{
|
|
|
|
+ item.status
|
|
|
|
+ }}</span>
|
|
|
|
+ <span class="serviced" v-show="item.status == '已送达'">{{
|
|
|
|
+ item.status
|
|
|
|
+ }}</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
class="catNos catNosCor"
|
|
class="catNos catNosCor"
|
|
@@ -177,15 +196,37 @@
|
|
placeholder="请输入装车净重"
|
|
placeholder="请输入装车净重"
|
|
maxlength="20"
|
|
maxlength="20"
|
|
size="small"
|
|
size="small"
|
|
|
|
+ style="width:80px"
|
|
/>
|
|
/>
|
|
<ws-input
|
|
<ws-input
|
|
v-else
|
|
v-else
|
|
v-model="item.loadNetWeight"
|
|
v-model="item.loadNetWeight"
|
|
placeholder="请输入装车净重"
|
|
placeholder="请输入装车净重"
|
|
maxlength="20"
|
|
maxlength="20"
|
|
|
|
+ style="width:80px"
|
|
size="small"
|
|
size="small"
|
|
/>
|
|
/>
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
|
|
+ <!--装车日期-->
|
|
|
|
+ <ws-form-item label="装车日期:" span="1" prop="sendDateStart">
|
|
|
|
+ <ws-date-picker
|
|
|
|
+ v-if="item.status == '已装车'||item.status == '已送达'"
|
|
|
|
+ :disabled="readonly"
|
|
|
|
+ v-model="item.sendDateStart"
|
|
|
|
+ type="date"
|
|
|
|
+ style="width: 150px;"
|
|
|
|
+ placeholder="请选择日期"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ />
|
|
|
|
+ <ws-date-picker
|
|
|
|
+ v-else
|
|
|
|
+ v-model="item.sendDateStart"
|
|
|
|
+ type="date"
|
|
|
|
+ style="width: 150px;"
|
|
|
|
+ placeholder="请选择日期"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ />
|
|
|
|
+ </ws-form-item>
|
|
<!--磅单-->
|
|
<!--磅单-->
|
|
<ws-form-item label="磅单:" span="1" prop="loadPoundImg">
|
|
<ws-form-item label="磅单:" span="1" prop="loadPoundImg">
|
|
<!-- slot-scope="scope" -->
|
|
<!-- slot-scope="scope" -->
|
|
@@ -244,6 +285,13 @@
|
|
</div>
|
|
</div>
|
|
<div style="text-align: right; color: #8890b1; font-size: 16px">
|
|
<div style="text-align: right; color: #8890b1; font-size: 16px">
|
|
合计(吨):{{ total }}/{{ deptBudgetList.weight }}
|
|
合计(吨):{{ total }}/{{ deptBudgetList.weight }}
|
|
|
|
+ <!--阶段状态-->
|
|
|
|
+ <span class="noservice" v-show="deptBudgetList.feedbackStatus=='执行中'">
|
|
|
|
+ 未完货
|
|
|
|
+ </span>
|
|
|
|
+ <span class="service" v-show="deptBudgetList.feedbackStatus=='已完货'">{{
|
|
|
|
+ deptBudgetList.feedbackStatus
|
|
|
|
+ }}</span>
|
|
</div>
|
|
</div>
|
|
<!-- <el-button class="add bg-bottom" type="primary" size="small" @click="add">
|
|
<!-- <el-button class="add bg-bottom" type="primary" size="small" @click="add">
|
|
<img width="22" height="22" src="../../../public/img/add.png" alt="" />
|
|
<img width="22" height="22" src="../../../public/img/add.png" alt="" />
|
|
@@ -251,7 +299,7 @@
|
|
> -->
|
|
> -->
|
|
</ws-form>
|
|
</ws-form>
|
|
<!-- 提交 -->
|
|
<!-- 提交 -->
|
|
- <div style="text-align: right; padding: 10px" class="center">
|
|
|
|
|
|
+ <div style="margin-left: 1300px;" >
|
|
<el-button
|
|
<el-button
|
|
class="bg-bottom"
|
|
class="bg-bottom"
|
|
type="primary"
|
|
type="primary"
|
|
@@ -259,12 +307,19 @@
|
|
@click="submit(deptBudgetList)"
|
|
@click="submit(deptBudgetList)"
|
|
>提交</el-button
|
|
>提交</el-button
|
|
>
|
|
>
|
|
|
|
+ <el-button
|
|
|
|
+ class="bg-bottom"
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ @click="finished (deptBudgetList)"
|
|
|
|
+ >完货</el-button
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
-import { seeCat, packList, feedback, getbank } from '@/model/transport/index'
|
|
|
|
|
|
+import { seeCat, packList, feedback, getbank ,state} from '@/model/transport/index'
|
|
import { getstaff } from '@/model/warehouse/index'
|
|
import { getstaff } from '@/model/warehouse/index'
|
|
import WsUpload from '@/components/WsUpload'
|
|
import WsUpload from '@/components/WsUpload'
|
|
import mapDrag from '@/components/mapdrag/mapdrag'
|
|
import mapDrag from '@/components/mapdrag/mapdrag'
|
|
@@ -456,6 +511,42 @@ export default {
|
|
handleClose() {
|
|
handleClose() {
|
|
this.accessoryTFs = false
|
|
this.accessoryTFs = false
|
|
},
|
|
},
|
|
|
|
+ //导入
|
|
|
|
+ import(){
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ finished(){
|
|
|
|
+ this.$confirm(`完货操作后,装车信息不可修改,是否确定完货?`, {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning',
|
|
|
|
+ })
|
|
|
|
+ .then(() => {
|
|
|
|
+ this.$refs.deptBudgetList.validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ var tranProcessInfo = {}
|
|
|
|
+ tranProcessInfo.id = this.deptBudgetList.id
|
|
|
|
+ state(tranProcessInfo)
|
|
|
|
+ .toPromise()
|
|
|
|
+ .then((response) => {
|
|
|
|
+ this.$message.success('完货成功')
|
|
|
|
+ this.deptBudgetList = {}
|
|
|
|
+ this.freightspace = {}
|
|
|
|
+ this.selectedOptions = ''
|
|
|
|
+ this.$router.push({
|
|
|
|
+ path: 'tranManagementTransporHairRespond',
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
|
|
+ return false
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ },
|
|
submit() {
|
|
submit() {
|
|
for (var i = 0; i < this.freightspace.length; i++) {
|
|
for (var i = 0; i < this.freightspace.length; i++) {
|
|
if (this.freightspace[i].temporaryDriverFlag != 0) {
|
|
if (this.freightspace[i].temporaryDriverFlag != 0) {
|
|
@@ -736,7 +827,7 @@ export default {
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
&/deep/.auditFlow-icon {
|
|
&/deep/.auditFlow-icon {
|
|
width: auto;
|
|
width: auto;
|
|
- padding-right: 30px;
|
|
|
|
|
|
+ padding-right: 5px;
|
|
}
|
|
}
|
|
&/deep/.auditFlow-main {
|
|
&/deep/.auditFlow-main {
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -770,7 +861,7 @@ export default {
|
|
padding-left: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
.bg-right {
|
|
.bg-right {
|
|
- padding-right: 10px;
|
|
|
|
|
|
+ padding-right: 2px;
|
|
text-align: right;
|
|
text-align: right;
|
|
}
|
|
}
|
|
.bg-bottom {
|
|
.bg-bottom {
|
|
@@ -1003,6 +1094,23 @@ export default {
|
|
margin-top: 6px;
|
|
margin-top: 6px;
|
|
left: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
+//送达/未送达
|
|
|
|
+.noservice,
|
|
|
|
+.service {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
|
+ padding: 2px;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+}
|
|
|
|
+.noservice {
|
|
|
|
+ background: #c4cada;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+}
|
|
|
|
+.service {
|
|
|
|
+ background: #e5f1f7;
|
|
|
|
+ color: #50cad4;
|
|
|
|
+}
|
|
/deep/.liaison .ws-info-table .el-form-item .el-form-item__content{
|
|
/deep/.liaison .ws-info-table .el-form-item .el-form-item__content{
|
|
padding: 0px;
|
|
padding: 0px;
|
|
}
|
|
}
|