初次对接
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user