xiaozhiyong
/
refinery-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

格式化

Browse Source
pull/17/head
zhangyouji 2 years ago
parent b8225c5937
commit ba1324b14c
1 changed files with 224 additions and 217 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 441
      src/views/order/components/billOfLading.vue

441
src/views/order/components/billOfLading.vue
Unescape View File

@ -1,50 +1,44 @@
<template>
<el-drawer
direction="ltr"
size="40%"
:visible="controlWindows.bill"
@opened="openDrawer"
:before-close="closeWindow"
:show-close = false
>
<el-drawer direction="ltr" size="40%" :visible="controlWindows.bill" @opened="openDrawer" :before-close="closeWindow" :show-close="false">
<div class="create" v-if="controlWindows.bill">
<el-form label-width="100px">
<div class="billTop">
<div class="billTop-top">
<div class="billTop-top-left">
<el-form-item label="订单信息">
</el-form-item>
<el-form-item label="订单信息"> </el-form-item>
<el-form-item label="提货单数量:">
<span>{{billData.orderInfo.deliveryAccount}}</span>
<span>{{ billData.orderInfo.deliveryAccount }}</span>
</el-form-item>
</div>
<el-form-item label="订单状态">
<el-tag effect='dark' :type="orderTagType(billData.orderInfo.orderStatus).orderType">{{orderTagType(billData.orderInfo.orderStatus).orderLabel}}</el-tag>
<el-tag effect="dark" :type="orderTagType(billData.orderInfo.orderStatus).orderType">
{{ orderTagType(billData.orderInfo.orderStatus).orderLabel }}
</el-tag>
</el-form-item>
</div>
<div>
<div class="billTop-top-left">
<el-form-item label="预订数量:">
<span>{{billData.orderInfo.preQuantity}}</span>
<span>{{ billData.orderInfo.preQuantity }}</span>
</el-form-item>
<el-form-item label="订单金额:">
<span>{{billData.orderInfo.preAmount}}</span>
<span>{{ billData.orderInfo.preAmount }}</span>
</el-form-item>
</div>
<div class="billTop-top-left">
<el-form-item label="已提数量:">
<span>{{billData.orderInfo.alreadyQuantity}}</span>
<span>{{ billData.orderInfo.alreadyQuantity }}</span>
</el-form-item>
<el-form-item label="已提金额:">
<span>{{billData.orderInfo.alreadyAmount}}</span>
<span>{{ billData.orderInfo.alreadyAmount }}</span>
</el-form-item>
</div>
<div class="billTop-top-left">
<el-form-item label="剩余数量:">
<span>{{billData.orderInfo.surplusQuantity}}</span>
<span>{{ billData.orderInfo.surplusQuantity }}</span>
</el-form-item>
<el-form-item label="剩余金额:">
<span>{{billData.orderInfo.surplusAmount}}</span>
<span>{{ billData.orderInfo.surplusAmount }}</span>
</el-form-item>
</div>
</div>
@ -54,13 +48,13 @@
<span>提货单列表</span>
<el-button type="primary" @click="billAdd()">创建提货单</el-button>
</div>
<div class="" style="height: 58vh;overflow: auto;">
<div class="billBottom-body" v-for="(item,index) in billData.list" :key="index">
<div class="" style="height: 58vh; overflow: auto">
<div class="billBottom-body" v-for="(item, index) in billData.list" :key="index">
<div class="billBottom-body-top">
<el-form-item label="提货单">
<span>{{item.id}}</span>
<span>{{ item.id }}</span>
</el-form-item>
<el-tag :type="orderTagType(item.deliveryStatus).type">{{orderTagType(item.deliveryStatus).label}}</el-tag>
<el-tag :type="orderTagType(item.deliveryStatus).type">{{ orderTagType(item.deliveryStatus).label }}</el-tag>
</div>
<div class="billBottom-body-middle">
<div class="billBottom-body-middle-info">
@ -68,7 +62,7 @@
<span>{{ item.preDeliveryQuantity }}</span>
</el-form-item>
<el-form-item label="提货人">
<span>{{item.driverName}}</span>
<span>{{ item.driverName }}</span>
</el-form-item>
<el-form-item label="车牌号">
<span>{{ item.plateNumber }}</span>
@ -83,7 +77,9 @@
</el-form-item>
</div>
</div>
<div v-show="item.deliveryStatus=='SUBMITED'" style="text-align: right;color: #409EFF;" @click="billAdd(item,index)">我来修改/锁定</div>
<div v-show="item.deliveryStatus == 'SUBMITED'" style="text-align: right; color: #409eff" @click="billAdd(item, index)">
我来修改/锁定
</div>
<div class="billBottom-body-bottom">
<div>
<el-form-item label="创建时间">
@ -94,24 +90,35 @@
</el-form-item>
</div>
<div>
<el-button v-show="billData.orderInfo.orderStatus=='DELIVERING'&&billData.orderInfo.payStatus!=='REFUNDED'" type="danger" @click="billDelete(item,index)">删除提货单</el-button>
<el-button :disabled="item.deliveryStatus!=='PLATENUM_LOCKED'&&item.deliveryStatus!=='PLATENUM_SUCCESS'" @click="billSubmit(item,index)" :type="orderTagType(item.deliveryStatus).type1">{{orderTagType(item.deliveryStatus).info}}</el-button>
<el-button
v-show="billData.orderInfo.orderStatus == 'DELIVERING' && billData.orderInfo.payStatus !== 'REFUNDED'"
type="danger"
@click="billDelete(item, index)"
>删除提货单</el-button
>
<el-button
:disabled="item.deliveryStatus !== 'PLATENUM_LOCKED' && item.deliveryStatus !== 'PLATENUM_SUCCESS'"
@click="billSubmit(item, index)"
:type="orderTagType(item.deliveryStatus).type1"
>
{{ orderTagType(item.deliveryStatus).info }}
</el-button>
</div>
</div>
</div>
</div>
</div>
</div>
</el-form>
</div>
<div class="buttons">
<el-button @click="closeWindow()">取消 </el-button>
<el-button v-show="billData.orderInfo&&billData.orderInfo.orderStatus&&billData.orderInfo.orderStatus=='DELIVERING'" @click="submit">订单确认</el-button>
<el-button v-show="billData.orderInfo && billData.orderInfo.orderStatus && billData.orderInfo.orderStatus == 'DELIVERING'" @click="submit"
>订单确认</el-button
>
</div>
<el-dialog :close-on-click-modal="false" :append-to-body="true" title="提货单信息" width="400px" :visible.sync="dialogBillAdd">
<el-form v-if="dialogBillAdd" :model="billAddData" ref="form" :rules="rules">
<el-form-item label="预约提货量" prop="preDeliveryQuantity">
<el-input v-model="billAddData.preDeliveryQuantity"></el-input>吨
</el-form-item>
<el-form-item label="预约提货量" prop="preDeliveryQuantity"> <el-input v-model="billAddData.preDeliveryQuantity"></el-input>吨 </el-form-item>
<el-form-item label="提货人" prop="driverName">
<el-input v-model="billAddData.driverName"></el-input>
</el-form-item>
@ -129,12 +136,7 @@
<el-button v-show="billTitle" type="primary" @click="billAddSave(2)">修改并锁定</el-button>
</div>
</el-dialog>
<el-dialog
destroy-on-close
title="提示"
:close-on-click-modal="false" :append-to-body="true"
:visible.sync="dialogDelivery"
width="30%">
<el-dialog destroy-on-close title="提示" :close-on-click-modal="false" :append-to-body="true" :visible.sync="dialogDelivery" width="30%">
<el-form v-if="dialogDelivery">
<el-form-item label="实际提货量" prop="plateNumber">
<el-input v-model="deliveryQuantity"></el-input>
@ -149,153 +151,158 @@
</template>
<script>
import serve from "api/product.js";
import order from "api/order.js";
import refineryInfoServe from "api/refineryInfo.js";
import serve from 'api/product.js'
import order from 'api/order.js'
import refineryInfoServe from 'api/refineryInfo.js'
import autocomplete from "components/autocomplete/index.vue";
import autocomplete from 'components/autocomplete/index.vue'
export default {
components: {
autocomplete,
autocomplete
},
filters:{
orderTagType(val){
switch(val){
case 'SUBMITED': return '订单提交'
case 'ORDER_LOCKED': return '订单锁定'
case 'ORDER_SUCCESS': return '下单成功'
case 'DELIVERING': return '提货中'
case 'COMPLETE': return '提货单完成'
case 'CANCELED': return '订单取消'
filters: {
orderTagType(val) {
switch (val) {
case 'SUBMITED':
return '订单提交'
case 'ORDER_LOCKED':
return '订单锁定'
case 'ORDER_SUCCESS':
return '下单成功'
case 'DELIVERING':
return '提货中'
case 'COMPLETE':
return '提货单完成'
case 'CANCELED':
return '订单取消'
}
return {label:val?val:'暂无数据',type:'info'}
},
return { label: val ? val : '暂无数据', type: 'info' }
}
},
props: {
controlWindows: Object,
billData:Array
billData: Array
// refineryTypeEnum: Array,
},
data() {
return {
billTitle:'',
quantity:'',
deliveryQuantity:'',
dialogDelivery:false,
customList:[],
billTitle: '',
quantity: '',
deliveryQuantity: '',
dialogDelivery: false,
customList: [],
form: {
actAmount:0
actAmount: 0
},
billAddData:{},
dialogBillAdd:false,
productNameList:[],
billAddData: {},
dialogBillAdd: false,
productNameList: [],
refineryList: [],
productRowData:{},
productRowData: {},
configAutocomplete: {
serveTarget: refineryInfoServe.findByEntity,
autocompleteKey: "refineryName",
labelKey: "refineryName",
valueKey: "id",
placeholder: "炼厂名称",
querykey: "refineryId",
echoId: "",
echoName: "",
autocompleteKey: 'refineryName',
labelKey: 'refineryName',
valueKey: 'id',
placeholder: '炼厂名称',
querykey: 'refineryId',
echoId: '',
echoName: ''
},
rules: {
preDeliveryQuantity: [
{ required: true, message: "请输入预约提货量", trigger: "blur" },
],
driverName: [
{ required: true, message: "请输入提货人", trigger: "blur" },
],
identityCard: [
{ required: true, message: "请输入提货人身份证号", trigger: "blur" },
],
plateNumber: [
{ required: true, message: "请输入提货车牌号", trigger: "blur" },
],
},
};
},
created(){
preDeliveryQuantity: [{ required: true, message: '请输入预约提货量', trigger: 'blur' }],
driverName: [{ required: true, message: '请输入提货人', trigger: 'blur' }],
identityCard: [{ required: true, message: '请输入提货人身份证号', trigger: 'blur' }],
plateNumber: [{ required: true, message: '请输入提货车牌号', trigger: 'blur' }]
}
}
},
created() {},
methods: {
billdelivery(){
this.billAddData.deliveryStatus = 'COMPLETE'
this.billAddData.accDeliveryQuantity = this.deliveryQuantity
order.update(this.billAddData).then(res=>{
if(res.code == 20000){
this.billListMeth()
// this.$set(this.billData.list,this.billData.index,this.billAddData)
this.$message.success(res.msg)
this.dialogDelivery = false
this.$forceUpdate()
this.$emit("closeWindow")
}
})
billdelivery() {
this.billAddData.deliveryStatus = 'COMPLETE'
this.billAddData.accDeliveryQuantity = this.deliveryQuantity
order.update(this.billAddData).then(res => {
if (res.code == 20000) {
this.billListMeth()
// this.$set(this.billData.list,this.billData.index,this.billAddData)
this.$message.success(res.msg)
this.dialogDelivery = false
this.$forceUpdate()
this.$emit('closeWindow')
}
})
},
billSubmit(e,index){
if(e.deliveryStatus=='PLATENUM_SUCCESS'){
billSubmit(e, index) {
if (e.deliveryStatus == 'PLATENUM_SUCCESS') {
this.billAddData = JSON.parse(JSON.stringify(e))
this.billData.index = index
this.dialogDelivery = true
}else if(e.deliveryStatus=='PLATENUM_LOCKED'){
} else if (e.deliveryStatus == 'PLATENUM_LOCKED') {
this.billAddData = JSON.parse(JSON.stringify(e))
this.billAddData.deliveryStatus = 'PLATENUM_SUCCESS'
this.$confirm('是否确认?', '提示', { type: 'info' }).then(() => {
console.log(this.billData.list,index,this.billAddData,'aaaaaaaaaaa')
order.update(this.billAddData).then(res=>{
if(res.code == 20000){
console.log(this.billData.list, index, this.billAddData, 'aaaaaaaaaaa')
order.update(this.billAddData).then(res => {
if (res.code == 20000) {
this.billListMeth()
// this.$set(this.billData.list,index,this.billAddData)
this.$message.success(res.msg)
this.dialogBillAdd = false
this.$emit("closeWindow");
this.$emit('closeWindow')
}
})
})
}
},
orderTagType(val){
switch(val){
case 'SUBMITED': return {orderLabel:'订单提交',label:'等待信息',info:'等待信息锁定',type:'warning',type1:'info',orderType:'info'}
case 'PLATENUM_LOCKED': return {orderLabel:'下单中',label:'信息锁定',info:'提货信息确认',type:'info',type1:'success',orderType:'warning'}
case 'PLATENUM_SUCCESS': return {orderLabel:'下单成功',label:'提货中',info:'提货量确认',type:'',type1:'warning',orderType:''}
case 'ORDER_LOCKED': return {orderLabel:'下单中',label:'信息锁定',info:'提货信息确认',type:'info',type1:'success',orderType:'warning'}
case 'ORDER_SUCCESS': return {orderLabel:'下单成功',label:'提货中',info:'提货量确认',type:'',type1:'warning',orderType:''}
case 'DELIVERING': return {orderLabel:'提货中',label:'提货中', type: ''}
case 'COMPLETE': return {orderLabel:'订单完成',label:'提货完成',info:'提货完成',type:'success',type1:'info',orderType:'success'}
case 'CANCELED': return {orderLabel:'订单取消',label:'订单取消',info:'订单取消',type:'info',type1:'dark',orderType:'info'}
orderTagType(val) {
switch (val) {
case 'SUBMITED':
return { orderLabel: '订单提交', label: '等待信息', info: '等待信息锁定', type: 'warning', type1: 'info', orderType: 'info' }
case 'PLATENUM_LOCKED':
return { orderLabel: '下单中', label: '信息锁定', info: '提货信息确认', type: 'info', type1: 'success', orderType: 'warning' }
case 'PLATENUM_SUCCESS':
return { orderLabel: '下单成功', label: '提货中', info: '提货量确认', type: '', type1: 'warning', orderType: '' }
case 'ORDER_LOCKED':
return { orderLabel: '下单中', label: '信息锁定', info: '提货信息确认', type: 'info', type1: 'success', orderType: 'warning' }
case 'ORDER_SUCCESS':
return { orderLabel: '下单成功', label: '提货中', info: '提货量确认', type: '', type1: 'warning', orderType: '' }
case 'DELIVERING':
return { orderLabel: '提货中', label: '提货中', type: '' }
case 'COMPLETE':
return { orderLabel: '订单完成', label: '提货完成', info: '提货完成', type: 'success', type1: 'info', orderType: 'success' }
case 'CANCELED':
return { orderLabel: '订单取消', label: '订单取消', info: '订单取消', type: 'info', type1: 'dark', orderType: 'info' }
}
return {label:val?val:'暂无数据',info:val?val:'暂无数据',type:'info'}
return { label: val ? val : '暂无数据', info: val ? val : '暂无数据', type: 'info' }
},
//创建修改提货单弹窗
billAdd(e,index){
this.billTitle = e?true:false
this.billAddData = e?JSON.parse(JSON.stringify(e)):{}
billAdd(e, index) {
this.billTitle = e ? true : false
this.billAddData = e ? JSON.parse(JSON.stringify(e)) : {}
this.billData.index = index
this.dialogBillAdd = true
},
//创建修改提货单
billAddSave(e){
this.$refs["form"].validate((valid) => {
billAddSave(e) {
this.$refs['form'].validate(valid => {
if (valid) {
if(!e){
this.billAddData.orderId=this.controlWindows.addInfo.id
this.billAddData.productMeasurement=this.controlWindows.addInfo.productMeasurement
order.billSave(this.billAddData).then(res=>{
if(res.code == 20000){
if (!e) {
this.billAddData.orderId = this.controlWindows.addInfo.id
this.billAddData.productMeasurement = this.controlWindows.addInfo.productMeasurement
order.billSave(this.billAddData).then(res => {
if (res.code == 20000) {
this.billAddData.deliveryStatus = 'SUBMITED'
this.billListMeth()
this.$message.success(res.msg)
this.dialogBillAdd = false
}
})
}else{
} else {
delete this.billAddData.productMeasurement
this.billAddData.deliveryStatus = e==2?'PLATENUM_LOCKED':''
order.update(this.billAddData).then(res=>{
if(res.code == 20000){
this.billAddData.deliveryStatus = e == 2 ? 'PLATENUM_LOCKED' : ''
order.update(this.billAddData).then(res => {
if (res.code == 20000) {
this.billListMeth()
this.$message.success(res.msg)
this.dialogBillAdd = false
@ -304,95 +311,92 @@ export default {
}
}
})
this.$emit('billOfLading',this.billAddData.orderId)
this.$emit('billOfLading', this.billAddData.orderId)
},
//更新提货单数据
billListMeth(){
setTimeout(()=>{
order.findDeliveryByOrderId(this.controlWindows.addInfo.id).then((res) => {
billListMeth() {
setTimeout(() => {
order.findDeliveryByOrderId(this.controlWindows.addInfo.id).then(res => {
this.billData.list = res.data
this.$forceUpdate()
});
order.findByOrderId(this.controlWindows.addInfo.id).then((res) => {
this.$forceUpdate()
})
order.findByOrderId(this.controlWindows.addInfo.id).then(res => {
this.billData.orderInfo = res.data
this.$forceUpdate()
});
},200)
this.$forceUpdate()
})
}, 200)
},
//删除提货单
billDelete(e,index){
billDelete(e, index) {
this.$confirm('确定删除提货单?', '提示', { type: 'error' }).then(() => {
order.deleteBill({id:e.id}).then(res=>{
if(res.code == 20000){
order.deleteBill({ id: e.id }).then(res => {
if (res.code == 20000) {
this.$message.success(res.msg)
this.dialogBillAdd = false;
this.dialogBillAdd = false
this.billListMeth()
}
})
})
},
openDrawer() {
let { id } = this.controlWindows.addInfo;
let { id } = this.controlWindows.addInfo
if (id) {
//回显
this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo));
this.configAutocomplete.echoId = id;
this.configAutocomplete.echoName = this.form.refineryName;
console.log("this.form", this.form.floorPrice);
this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo))
this.configAutocomplete.echoId = id
this.configAutocomplete.echoName = this.form.refineryName
console.log('this.form', this.form.floorPrice)
}
},
submit() {
this.quantity = 0
this.billData.list.forEach(element => {
if(element.accDeliveryQuantity){
if (element.accDeliveryQuantity) {
this.quantity += element.accDeliveryQuantity
}else{
} else {
this.$message.error('提货单异常')
throw new Error()
}
});
let titleConfirm = ['是否确认订单已完成？','一旦确认，该订单无法再被提货，且未提货的金额将自行退回。']
})
let titleConfirm = ['是否确认订单已完成？', '一旦确认，该订单无法再被提货，且未提货的金额将自行退回。']
const newDatas = []
const h = this.$createElement
for (const i in titleConfirm) {
newDatas.push(h('p', null, titleConfirm[i]))
}
this.$confirm(
'提示',
{
title: '提示',
message: h('div', null, newDatas),
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'success'
}
).then(() => {
let data={
id:this.controlWindows.addInfo.id,
actQuantity:this.quantity,
this.$confirm('提示', {
title: '提示',
message: h('div', null, newDatas),
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'success'
}).then(() => {
let data = {
id: this.controlWindows.addInfo.id,
actQuantity: this.quantity
}
order.orderComplete(data).then((res) => {
if (res.code === 20000) {
this.$message.success(res.msg);
this.closeWindow();
}
});
order.orderComplete(data).then(res => {
if (res.code === 20000) {
this.$message.success(res.msg)
this.closeWindow()
}
})
})
},
judgeInterface(form) {
// let { id } = this.controlWindows.addInfo;
// if (id) return serve.update(form);
// else
return serve.orderSave(form);
// else
return serve.orderSave(form)
},
closeWindow() {
this.$emit("closeWindow");
this.form = {};
this.controlWindows.bill = false;
},
},
};
this.$emit('closeWindow')
this.form = {}
this.controlWindows.bill = false
}
}
}
</script>
<style lang="scss" scoped>
@ -422,55 +426,58 @@ export default {
border-radius: 5px;
}
}
.billTop{
.billTop {
background: #f0f0f0;
padding: 15px 35px;
border-radius: 5px;
}
.billTop-top,.billBottom-title,.billBottom-body-top,.billBottom-body-bottom{
display: flex;
justify-content: space-between;
.billTop-top,
.billBottom-title,
.billBottom-body-top,
.billBottom-body-bottom {
display: flex;
justify-content: space-between;
}
.billTop-top-left {
display: flex;
::v-deep .el-form-item {
margin-bottom: 0;
}
.billTop-top-left{
display: flex;
::v-deep .el-form-item{
margin-bottom:0
}
}
.billBottom {
.billBottom-title {
align-items: center;
margin: 20px 0;
}
.billBottom{
.billBottom-title{
align-items: center;
margin: 20px 0;
}
}
.billBottom-body-middle {
::v-deep .el-form-item {
margin-bottom: 0;
}
.billBottom-body-middle {
::v-deep .el-form-item{
margin-bottom:0
}
.billBottom-body-middle-info{
.billBottom-body-middle-info {
display: flex;
}
}
.billBottom-body {
padding: 20px;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.5);
margin: 25px 0px;
}
.billBottom-body-bottom {
::v-deep .el-form-item {
margin-bottom: 0;
}
.billBottom-body{
padding: 20px;
box-shadow: 0 1px 4px rgba(0,21,41,.50);
margin: 25px 0px;
}
.billBottom-body-bottom{
::v-deep .el-form-item{
margin-bottom:0
}
align-items: center;
margin-top: 20px;
}
::v-deep .el-drawer__header{
align-items: center;
margin-top: 20px;
}
::v-deep .el-drawer__header {
display: none;
}
::v-deep .billBottom .el-form-item__label{
::v-deep .billBottom .el-form-item__label {
line-height: 20px;
color: #999;
}
::v-deep .billBottom .el-form-item__content{
::v-deep .billBottom .el-form-item__content {
line-height: 20px;
}
</style>

Write Preview
Loading…
Cancel
Save