|
|
|
|
@ -19,9 +19,9 @@
|
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" @click="exportExcel" |
|
|
|
|
<!-- <el-button type="primary" @click="exportExcel" |
|
|
|
|
><el-icon><Plus /></el-icon>导出</el-button |
|
|
|
|
> |
|
|
|
|
> --> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
@ -49,9 +49,21 @@
|
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<el-text type="primary">异动调整</el-text> |
|
|
|
|
<el-text type="primary">异动记录</el-text> |
|
|
|
|
<el-text type="primary">结算</el-text> |
|
|
|
|
<el-text |
|
|
|
|
type="primary" |
|
|
|
|
v-if="slotProps.scope.row.settlementStatus == '未结算'" |
|
|
|
|
@click="AbnormaladjustmentClick(slotProps.scope.row)" |
|
|
|
|
>异动调整</el-text |
|
|
|
|
> |
|
|
|
|
<el-text type="primary" @click="Abnormalrecord(slotProps.scope.row)" |
|
|
|
|
>异动记录</el-text |
|
|
|
|
> |
|
|
|
|
<el-text |
|
|
|
|
type="primary" |
|
|
|
|
v-if="slotProps.scope.row.settlementStatus == '未结算'" |
|
|
|
|
@click="confirmation(slotProps.scope.row)" |
|
|
|
|
>结算</el-text |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
@ -77,6 +89,120 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<!-- 异动调整 --> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Abnormaladjustment.dialogVisible" |
|
|
|
|
title="异动调整" |
|
|
|
|
width="500" |
|
|
|
|
:before-close="handleClose" |
|
|
|
|
> |
|
|
|
|
<div v-loading="Abnormaladjustment.loading" element-loading-text="Loading..."> |
|
|
|
|
<el-form :model="Abnormaladjustment.form" label-width="auto" style="max-width: 600px"> |
|
|
|
|
<el-form-item label="异动费用:"> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="Abnormaladjustment.form.changeAmount" |
|
|
|
|
:min="0" |
|
|
|
|
:controls="false" |
|
|
|
|
:value-on-clear="0" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="异动费用备注:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="Abnormaladjustment.form.changeNote" |
|
|
|
|
style="width: 100%" |
|
|
|
|
:rows="2" |
|
|
|
|
type="textarea" |
|
|
|
|
placeholder="请填写异动费用备注(必填)" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="Abnormaladjustment.dialogVisible = false">关闭</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="AbnormaladjustmentSubmit" |
|
|
|
|
:disabled="Abnormaladjustment.loading" |
|
|
|
|
> |
|
|
|
|
提交 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 异动确认结算 --> |
|
|
|
|
<el-dialog v-model="Confirmsettlement.dialogVisible" title="确认结算" width="500"> |
|
|
|
|
<div v-loading="Confirmsettlement.loading" element-loading-text="Loading..."> |
|
|
|
|
<el-form :model="Confirmsettlement.form" label-width="auto" style="max-width: 600px"> |
|
|
|
|
<el-form-item label="结算备注:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="Confirmsettlement.form.settlementNote" |
|
|
|
|
style="width: 100%" |
|
|
|
|
:rows="4" |
|
|
|
|
type="textarea" |
|
|
|
|
placeholder="请填写结算备注(必填)" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="Confirmsettlement.dialogVisible = false">关闭</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="SettlementconfirmationSubmit" |
|
|
|
|
:disabled="Confirmsettlement.loading" |
|
|
|
|
> |
|
|
|
|
提交 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<!-- 异动记录 --> |
|
|
|
|
<el-dialog v-model="viewAbnormalrecord.dialogVisible" title="异动记录" width="50%"> |
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"></div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChangeSyd" circle></el-button> |
|
|
|
|
<!-- <el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="Search" @click="searchHide" circle></el-button> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<tablecmt |
|
|
|
|
class="viewAbnormalrecord" |
|
|
|
|
:columnList="details.AbnormalrecordcolumnList" |
|
|
|
|
:tableData="Abnormalrecordcdata" |
|
|
|
|
:loading="viewAbnormalrecord.list" |
|
|
|
|
> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-row class="el-fy"> |
|
|
|
|
<div class="avue-crud__pagination flex-c-sb" style="width: 100%"> |
|
|
|
|
<div></div> |
|
|
|
|
<el-pagination |
|
|
|
|
align="right" |
|
|
|
|
background |
|
|
|
|
@size-change="sizeChangeyd" |
|
|
|
|
@current-change="currentChangeyd" |
|
|
|
|
:current-page="pageyd.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="pageyd.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="pageyd.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@ -89,10 +215,17 @@
|
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
|
import { columnList } from '@/option/storagecost/Traincostbreakdown.js'; |
|
|
|
|
import { columnList, AbnormalrecordcolumnList } from '@/option/storagecost/Traincostbreakdown.js'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
|
import { $_getMyWarehouseList,$_Traincostbreakdown ,$_expenseDispatchTrainDetail} from '@/api/storagecost/index.js'; |
|
|
|
|
import { |
|
|
|
|
$_getMyWarehouseList, |
|
|
|
|
$_Traincostbreakdown, |
|
|
|
|
$_expenseDispatchTrainDetail, |
|
|
|
|
$_Traincostbreakdownchange, |
|
|
|
|
$_Traincostbreakdownsubmit, |
|
|
|
|
$_Traincostbreakdownsubmitpage, |
|
|
|
|
} from '@/api/storagecost/index.js'; |
|
|
|
|
import { ElMessageBox, ElMessage } from 'element-plus'; |
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
@ -100,6 +233,26 @@ import dayjs from 'dayjs';
|
|
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
// 异动跳转 |
|
|
|
|
const Abnormaladjustment = ref({ |
|
|
|
|
dialogVisible: false, |
|
|
|
|
loading: false, |
|
|
|
|
form: { |
|
|
|
|
changeAmount: 0, |
|
|
|
|
changeNote: '', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
const Confirmsettlement = ref({ |
|
|
|
|
dialogVisible: false, |
|
|
|
|
loading: false, |
|
|
|
|
form: { |
|
|
|
|
settlementNote: '', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
const viewAbnormalrecord = ref({ |
|
|
|
|
dialogVisible: false, |
|
|
|
|
list: false, |
|
|
|
|
}); |
|
|
|
|
const details = reactive({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: false, |
|
|
|
|
@ -137,9 +290,10 @@ const details = reactive({
|
|
|
|
|
], |
|
|
|
|
/** 列表 */ |
|
|
|
|
columnList, |
|
|
|
|
|
|
|
|
|
AbnormalrecordcolumnList, |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [], |
|
|
|
|
Abnormalrecordcdata: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
@ -156,7 +310,11 @@ const details = reactive({
|
|
|
|
|
pageSize: 50, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
pageyd: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageSize: 50, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
/** 弹出层显示 */ |
|
|
|
|
popUpShow: { |
|
|
|
|
/** 包件明细 */ |
|
|
|
|
@ -181,10 +339,12 @@ const {
|
|
|
|
|
query, |
|
|
|
|
shortcuts, |
|
|
|
|
data, |
|
|
|
|
Abnormalrecordcdata, |
|
|
|
|
loadingObj, |
|
|
|
|
selectionList, |
|
|
|
|
drawerShow, |
|
|
|
|
page, |
|
|
|
|
pageyd, |
|
|
|
|
trickleLoadingPage, |
|
|
|
|
zeroAdditionalRecordingInfo, |
|
|
|
|
popUpShow, |
|
|
|
|
@ -237,14 +397,23 @@ const sizeChange = val => {
|
|
|
|
|
details.page.pageSize = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 每页多少条 |
|
|
|
|
const sizeChangeyd = val => { |
|
|
|
|
details.pageyd.pageSize = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
const currentChange = val => { |
|
|
|
|
details.page.currentPage = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
const currentChangeyd = val => { |
|
|
|
|
details.pageyd.currentPage = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 刷新按钮 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
details.search = false; //关闭搜索 |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 顶部搜索 |
|
|
|
|
const searchHide = () => { |
|
|
|
|
@ -273,18 +442,21 @@ const onLoad = value => {
|
|
|
|
|
...details.query, |
|
|
|
|
...value, |
|
|
|
|
}; |
|
|
|
|
details.loadingObj.list=true; |
|
|
|
|
$_Traincostbreakdown(data).then(res => { |
|
|
|
|
console.log(res,'初始化数据'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
details.data = res.data.data.records || []; |
|
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
|
} |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
console.log(error); |
|
|
|
|
}).finally(()=>{ |
|
|
|
|
details.loadingObj.list=false; |
|
|
|
|
}); |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
$_Traincostbreakdown(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '初始化数据'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
details.data = res.data.data.records || []; |
|
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.log(error); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 页面初始化方法 |
|
|
|
|
@ -318,6 +490,116 @@ const exportExcel = () => {
|
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
// 异动调整 |
|
|
|
|
const AbnormaladjustmentClick = row => { |
|
|
|
|
const { id, changeAmount, changeNote } = row; |
|
|
|
|
Abnormaladjustment.value.dialogVisible = true; |
|
|
|
|
Abnormaladjustment.value.form = { id, changeAmount, changeNote }; |
|
|
|
|
}; |
|
|
|
|
// 异动调整提交 |
|
|
|
|
const AbnormaladjustmentSubmit = async () => { |
|
|
|
|
if (!Abnormaladjustment.value.form.changeNote) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请填写异动备注', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
try { |
|
|
|
|
Abnormaladjustment.value.loading = true; |
|
|
|
|
let Submit = { |
|
|
|
|
...Abnormaladjustment.value.form, |
|
|
|
|
}; |
|
|
|
|
let res = await $_Traincostbreakdownchange(Submit); |
|
|
|
|
const { code, msg } = res.data; |
|
|
|
|
if (code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
Abnormaladjustment.value.dialogVisible = false; |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(res); |
|
|
|
|
} catch (e) { |
|
|
|
|
console.log(e); |
|
|
|
|
} finally { |
|
|
|
|
Abnormaladjustment.value.loading = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
const confirmation = row => { |
|
|
|
|
const { id, settlementNote } = row; |
|
|
|
|
Confirmsettlement.value.dialogVisible = true; |
|
|
|
|
Confirmsettlement.value.form = { id, settlementNote }; |
|
|
|
|
}; |
|
|
|
|
// 结算确定 |
|
|
|
|
const SettlementconfirmationSubmit = async row => { |
|
|
|
|
if (!Confirmsettlement.value.form.settlementNote) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请填写结算备注', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
try { |
|
|
|
|
Confirmsettlement.value.loading = true; |
|
|
|
|
let Submit = { |
|
|
|
|
...Confirmsettlement.value.form, |
|
|
|
|
}; |
|
|
|
|
let res = await $_Traincostbreakdownsubmit(Submit); |
|
|
|
|
const { code, msg } = res.data; |
|
|
|
|
if (code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
Confirmsettlement.value.dialogVisible = false; |
|
|
|
|
onLoad(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(res); |
|
|
|
|
} catch (e) { |
|
|
|
|
console.log(e); |
|
|
|
|
} finally { |
|
|
|
|
Confirmsettlement.value.loading = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
const getAbnormalrecord = async () => { |
|
|
|
|
try { |
|
|
|
|
viewAbnormalrecord.value.list = true; |
|
|
|
|
let submit = { |
|
|
|
|
current: details.pageyd.currentPage, |
|
|
|
|
size: details.pageyd.pageSize, |
|
|
|
|
detailId: viewAbnormalrecord.value.detailId, |
|
|
|
|
}; |
|
|
|
|
let res = await $_Traincostbreakdownsubmitpage(submit); |
|
|
|
|
console.log(res); |
|
|
|
|
|
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code == 200) { |
|
|
|
|
Abnormalrecordcdata.value = data.records; |
|
|
|
|
details.pageyd.total = data.total; |
|
|
|
|
} |
|
|
|
|
} catch (e) { |
|
|
|
|
console.log(e); |
|
|
|
|
} finally { |
|
|
|
|
viewAbnormalrecord.value.list = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 异动记录 |
|
|
|
|
const Abnormalrecord = async row => { |
|
|
|
|
viewAbnormalrecord.value.id = row.id; |
|
|
|
|
viewAbnormalrecord.value.dialogVisible = true; |
|
|
|
|
nextTick(() => { |
|
|
|
|
const _node = document.querySelector('.viewAbnormalrecord'); |
|
|
|
|
setNodeHeight(_node, '', true); |
|
|
|
|
}); |
|
|
|
|
getAbnormalrecord(); |
|
|
|
|
}; |
|
|
|
|
const searchChangeSyd = () => { |
|
|
|
|
getAbnormalrecord(); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
