初次对接

This commit is contained in:
2025-04-08 00:14:08 +08:00
parent b7f32b6f09
commit 5465099c77
7 changed files with 275 additions and 316 deletions

View File

@@ -1,6 +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>
<avue-crud
ref="crudRef"
:data="state.data"
@@ -45,59 +96,11 @@
/>
</template>
<template #menu-left>
<div class="selectBoxes">
<div class="selectItem">
<el-input v-model="state.formData.fBillNo" style="width: 240px" placeholder="单据编号" size="default" />
</div>
<div class="selectItem">
<el-select placeholder="业务状态" size="default" style="width: 240px" 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: 560px"
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="flex: 1">
<el-button type="primary" size="default" @click="selectFun">搜索</el-button>
<el-button size="default" @click="resetFun">重置</el-button>
<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: 190px; margin-left: 12px"
@change="chengNuoJiaoQiPFun('0')"
/>
<el-date-picker
v-model="state.newChengNuoJiaoQiP"
type="date"
placeholder="批量修改选中承诺最新交期"
size="small"
style="width: 190px; margin-left: 12px"
@change="chengNuoJiaoQiPFun('1')"
/>
</div>
</div>
</div>
</template>
<template #menu="{ row }">
<el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails(row)">查看</el-button>
</template>
<!-- <template #menu="{ row }">-->
<!-- <el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails(row)">查看</el-button>-->
<!-- </template>-->
</avue-crud>
</el-card>
<selectedData
@@ -105,7 +108,12 @@
:showes="state.selectedDataShow"
:listData="state.selectedData"
@generateDocuments="generateDocumentsFun"
@close="() => {state.selectedDataShow = false;getList()}"
@close="
() => {
state.selectedDataShow = false;
getList();
}
"
/>
</div>
</template>
@@ -129,10 +137,10 @@ const state = reactive({
pageSize: 30,
},
option: {
height: '720',
height: '730',
tip: false,
index: false,
menu: false,
index: true,
menu: true,
menuWidth: 120,
border: true,
delBtn: false,
@@ -140,6 +148,7 @@ const state = reactive({
align: 'center',
// searchLabelWidth:100,
selection: true,
reserveSelection: true,
searchMenuSpan: 3,
addBtn: false,
column: [
@@ -291,17 +300,35 @@ const getList = () => {
})
.then((res: any) => {
state.loading = false;
if (res.resultCode === 0) {
state.data = res.data.dataList;
state.page.total = res.data.total;
setTimeout(() => {
console.log(document.querySelector('.avue-crud__body').scrollHeight)
},1000)
}
});
};
// 页面加载时
onMounted(() => {});
onMounted(() => {
});
</script>
<style lang="scss" scoped>
:deep(.avue-crud__header) {
display: none;
}
:deep(.el-button--text){
padding: 0 !important;
height: auto !important;
}
:deep(.avue-crud__pagination) {
padding: 0 12px !important;
}
:deep(.cell) {
padding: 0 !important;
}
@@ -344,8 +371,7 @@ onMounted(() => {});
.selectBoxes {
display: flex;
flex: 1;
flex-wrap: wrap;
.selectItem {
margin-right: 16px;
display: flex;