初次对接

This commit is contained in:
2025-04-12 20:40:39 +08:00
parent 0d3bf51c2b
commit 12c297923a
9 changed files with 543 additions and 381 deletions

View File

@@ -1,57 +1,57 @@
<template>
<div class="system-user-container layout-padding">
<el-card class="layout-padding-auto" shadow="hover">
<div class="selectBoxes">
<div class="selectItem">
<el-input v-model="state.formData.fBillNo" style="width: 12vw" placeholder="单据编号" size="default" />
</div>
<div class="selectItem">
<el-select placeholder="业务状态" size="default" style="width: 12vw" v-model="state.formData.fmrpCloseStatus">
<el-option v-for="item in state.option.column[2].dicData" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="selectItem">
<el-date-picker
v-model="state.elDatePicker"
style="width: 25vw"
type="daterange"
range-separator="-"
start-placeholder="开始采购日期"
end-placeholder="采购结束日期"
size="default"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="elDatePickerFun"
/>
</div>
<div class="selectItem" style="margin-right: 0">
<el-button type="primary" size="default" @click="selectFun">搜索</el-button>
<el-button size="default" @click="resetFun">重置</el-button>
</div>
<div class="selectItem" style="flex: 1;margin-right: 0">
<div class="piliang">
<el-button type="primary" size="small" @click="state.selectedDataShow = true">
<span>已选中 {{ state.selectedData.length }} 条数据去查看</span>
</el-button>
<el-date-picker
v-model="state.chengNuoJiaoQiP"
type="date"
placeholder="批量修改选中承诺日期"
size="small"
style="width: 45%; margin-left: 12px"
@change="chengNuoJiaoQiPFun('0')"
/>
<el-date-picker
v-model="state.newChengNuoJiaoQiP"
type="date"
placeholder="批量修改选中承诺最新交期"
size="small"
style="width: 45%; margin-left: 12px"
@change="chengNuoJiaoQiPFun('1')"
/>
</div>
</div>
</div>
<div class="selectBoxes">
<div class="selectItem">
<el-input v-model="state.formData.fBillNo" style="width: 12vw" placeholder="单据编号" size="default" />
</div>
<div class="selectItem">
<el-select placeholder="业务状态" size="default" style="width: 12vw" v-model="state.formData.fmrpCloseStatus">
<el-option v-for="item in state.option.column[2].dicData" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="selectItem">
<el-date-picker
v-model="state.elDatePicker"
style="width: 25vw"
type="daterange"
range-separator="-"
start-placeholder="开始采购日期"
end-placeholder="采购结束日期"
size="default"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="elDatePickerFun"
/>
</div>
<div class="selectItem" style="margin-right: 0">
<el-button type="primary" size="default" @click="selectFun">搜索</el-button>
<el-button size="default" @click="resetFun">重置</el-button>
</div>
<div class="selectItem" style="flex: 1; margin-right: 0">
<div class="piliang">
<el-button type="primary" size="small" @click="state.selectedDataShow = true">
<span>已选中 {{ state.selectedData.length }} 条数据去查看</span>
</el-button>
<el-date-picker
v-model="state.chengNuoJiaoQiP"
type="date"
placeholder="批量修改选中承诺日期"
size="small"
style="width: 45%; margin-left: 12px"
@change="chengNuoJiaoQiPFun('0')"
/>
<el-date-picker
v-model="state.newChengNuoJiaoQiP"
type="date"
placeholder="批量修改选中承诺最新交期"
size="small"
style="width: 45%; margin-left: 12px"
@change="chengNuoJiaoQiPFun('1')"
/>
</div>
</div>
</div>
<avue-crud
ref="crudRef"
:data="state.data"
@@ -61,7 +61,10 @@
@selection-change="selectionChange"
:table-loading="state.loading"
>
<template #fBillNo="{ row }">{{ row.ifHidden === 0 ? row.fBillNo : '' }}</template>
<template #fBillNo="{ row }">
<span v-if="row.ifHidden === 0" @click="toPurchaseDetails(row)" style="cursor: pointer">{{ row.fBillNo }}</span>
<!-- {{ row.ifHidden === 0 ? row.fBillNo : '' }}-->
</template>
<template #fDate="{ row }">{{ row.ifHidden === 0 ? row.fDate : '' }}</template>
<template #fCancelStatus="{ row }">
{{ row.ifHidden === 0 ? (row.fCancelStatus === 'A' ? '未关闭' : '已关闭') : '' }}
@@ -95,9 +98,7 @@
@change="batchSetNewChengNuoJiaoQiFun([{ id: row.id, newTime: row.newChengNuoJiaoQi }])"
/>
</template>
<template #menu-left>
</template>
<template #menu-left></template>
<template #menu="{ row }">
<el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails(row)">查看</el-button>
</template>
@@ -124,7 +125,8 @@ import { useRouter } from 'vue-router';
import { listApi } from '../../api/list/index';
// import { useI18n } from 'vue-i18n';
import SelectedData from '/@/views/mssPurchaseOrder/selectedData.vue';
import { ElMessage } from 'element-plus';
import { ElMessage, ElMessageBox } from 'element-plus';
import { Session } from '/@/utils/storage';
const selectedDataRef = ref();
// const { t } = useI18n();
@@ -137,10 +139,10 @@ const state = reactive({
pageSize: 30,
},
option: {
height: computed(() => window.innerHeight - (window.innerHeight * 0.23) + ''),
height: computed(() => window.innerHeight - window.innerHeight * 0.23 + ''),
tip: false,
index: true,
menu: true,
menu: false,
menuWidth: 85,
border: true,
delBtn: false,
@@ -223,32 +225,64 @@ const chengNuoJiaoQiPFun = (e: string) => {
}
};
const batchSetChengNuoJiaoQiFun = (arr: any) => {
listApi()
.batchSetChengNuoJiaoQi(arr)
.then((res: any) => {
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.chengNuoJiaoQiP = '';
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: '提示',
message: '是否要修正此项日期',
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
listApi()
.batchSetChengNuoJiaoQi(arr)
.then((res: any) => {
done();
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.chengNuoJiaoQiP = '';
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.chengNuoJiaoQiP = '';
}
});
} else {
done();
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.newChengNuoJiaoQiP = '';
}
});
},
});
};
const batchSetNewChengNuoJiaoQiFun = (arr: any) => {
listApi()
.batchSetNewChengNuoJiaoQi(arr)
.then((res: any) => {
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: '提示',
message: '是否要修正此项日期',
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
listApi()
.batchSetNewChengNuoJiaoQi(arr)
.then((res: any) => {
done();
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.newChengNuoJiaoQiP = ''
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.newChengNuoJiaoQiP = ''
}
});
} else {
done();
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
}
});
},
});
};
const generateDocumentsFun = () => {
state.selectedDataShow = false;
@@ -259,7 +293,7 @@ const toPurchaseDetails = (item: any) => {
router.push({
path: '/purchaseDetails',
query: {
fBillNo: item.fBillNo ,
fBillNo: item.fBillNo,
},
});
};
@@ -303,13 +337,12 @@ const getList = () => {
if (res.resultCode === 0) {
state.data = res.data.dataList;
state.page.total = res.data.total;
}
});
};
// 页面加载时
onMounted(() => {
console.log(window.innerHeight - window.innerHeight * 0.25 + '')
console.log(window.innerHeight - window.innerHeight * 0.25 + '');
});
</script>
@@ -317,10 +350,12 @@ onMounted(() => {
:deep(.avue-crud__header) {
display: none;
}
:deep(.el-button--text){
padding: 0 !important;
height: auto !important;
:deep(.el-button--text) {
padding: 0 !important;
height: auto !important;
}
:deep(.avue-crud__pagination) {
padding: 0 12px !important;
}
@@ -367,7 +402,8 @@ onMounted(() => {
.selectBoxes {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
.selectItem {
margin-right: 16px;
display: flex;

View File

@@ -78,7 +78,7 @@ import { useRouter,useRoute } from 'vue-router';
import { listApi } from '../../api/list/index';
// import { useI18n } from 'vue-i18n';
import SelectedData from '/@/views/mssPurchaseOrder/selectedData.vue';
import { ElMessage } from 'element-plus';
import {ElMessage, ElMessageBox} from 'element-plus';
const selectedDataRef = ref()
// const { t } = useI18n();
const router = useRouter();
@@ -175,30 +175,66 @@ const chengNuoJiaoQiPFun = (e: string) => {
ElMessage.warning('请先选中数据');
}
};
const batchSetChengNuoJiaoQiFun = (arr:any) => {
listApi().batchSetChengNuoJiaoQi(arr).then((res: any) => {
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.chengNuoJiaoQiP = '';
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.newChengNuoJiaoQiP = '';
}
const batchSetChengNuoJiaoQiFun = (arr: any) => {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: '提示',
message: '是否要修正此项日期',
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
listApi()
.batchSetChengNuoJiaoQi(arr)
.then((res: any) => {
done();
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.chengNuoJiaoQiP = '';
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.chengNuoJiaoQiP = '';
}
});
} else {
done();
}
},
});
}
const batchSetNewChengNuoJiaoQiFun = (arr:any) => {
listApi().batchSetNewChengNuoJiaoQi(arr).then((res: any) => {
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
}
};
const batchSetNewChengNuoJiaoQiFun = (arr: any) => {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: '提示',
message: '是否要修正此项日期',
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
listApi()
.batchSetNewChengNuoJiaoQi(arr)
.then((res: any) => {
done();
if (res.resultCode === 0) {
ElMessage.success('操作成功');
getList();
state.newChengNuoJiaoQiP = ''
}
if (res.resultCode === -1) {
ElMessage.success(res.errorMessage);
state.newChengNuoJiaoQiP = ''
}
});
} else {
done();
}
},
});
}
};
const generateDocumentsFun = () => {
state.selectedDataShow = false
getList()

View File

@@ -18,30 +18,30 @@
<el-input-number v-model="row.notSendQty" size="small" />
</div>
</template>
<template #chengNuoJiaoQi="{ row }">
<div style="display: flex; align-items: center; justify-content: center">
<el-date-picker
v-model="row.chengNuoJiaoQi"
type="date"
size="small"
style="width: 100%"
format="YYYY/MM/DD"
@change="batchSetChengNuoJiaoQiFun([{ id: row.id, newTime: row.chengNuoJiaoQi }])"
/>
</div>
</template>
<template #newChengNuoJiaoQi="{ row }">
<div style="display: flex; align-items: center; justify-content: center">
<el-date-picker
v-model="row.newChengNuoJiaoQi"
type="date"
size="small"
style="width: 100%"
format="YYYY/MM/DD"
@change="batchSetNewChengNuoJiaoQiFun([{ id: row.id, newTime: row.newChengNuoJiaoQi }])"
/>
</div>
</template>
<!-- <template #chengNuoJiaoQi="{ row }">-->
<!-- <div style="display: flex; align-items: center; justify-content: center">-->
<!-- <el-date-picker-->
<!-- v-model="row.chengNuoJiaoQi"-->
<!-- type="date"-->
<!-- size="small"-->
<!-- style="width: 100%"-->
<!-- format="YYYY/MM/DD"-->
<!-- @change="batchSetChengNuoJiaoQiFun([{ id: row.id, newTime: row.chengNuoJiaoQi }])"-->
<!-- />-->
<!-- </div>-->
<!-- </template>-->
<!-- <template #newChengNuoJiaoQi="{ row }">-->
<!-- <div style="display: flex; align-items: center; justify-content: center">-->
<!-- <el-date-picker-->
<!-- v-model="row.newChengNuoJiaoQi"-->
<!-- type="date"-->
<!-- size="small"-->
<!-- style="width: 100%"-->
<!-- format="YYYY/MM/DD"-->
<!-- @change="batchSetNewChengNuoJiaoQiFun([{ id: row.id, newTime: row.newChengNuoJiaoQi }])"-->
<!-- />-->
<!-- </div>-->
<!-- </template>-->
<template #menu-left>
<div class="selectBoxes">
<el-date-picker
@@ -198,6 +198,7 @@ const batchAddInvoiceOrderFun = () => {
arr.push({
id: item.id,
qty: item.notSendQty,
fSupplierLot:item.fSupplierLot
});
});
listApi()