dev
This commit is contained in:
parent
2814cc4da7
commit
96d6c104b9
|
|
@ -4,7 +4,18 @@
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<el-form :inline=true label-position="top" :model="formData" label-width="auto">
|
<el-form :inline=true label-position="top" :model="formData" label-width="auto">
|
||||||
<el-form-item label="领用人">
|
<el-form-item label="领用人">
|
||||||
<el-input v-model="formData.name" disabled></el-input>
|
<el-select
|
||||||
|
v-model="formData.useUserId"
|
||||||
|
placeholder="选择领用人"
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in managerUserList"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" style="width: 50%">
|
<el-form-item label="备注" style="width: 50%">
|
||||||
<el-input v-model="formData.remark"></el-input>
|
<el-input v-model="formData.remark"></el-input>
|
||||||
|
|
@ -39,7 +50,7 @@
|
||||||
multiple
|
multiple
|
||||||
@change="addLine(item)"
|
@change="addLine(item)"
|
||||||
:teleported="false"
|
:teleported="false"
|
||||||
style="width: 100px;"
|
style="width: 200px;"
|
||||||
collapse-tags
|
collapse-tags
|
||||||
popper-class="table-select">
|
popper-class="table-select">
|
||||||
<div class="select-header">
|
<div class="select-header">
|
||||||
|
|
@ -255,15 +266,24 @@ const save = () => {
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
const getUserInfo = () => {
|
const init = () => {
|
||||||
isShow.value = true
|
isShow.value = true
|
||||||
|
getManagerUserList()
|
||||||
|
getUserInfo()
|
||||||
|
}
|
||||||
|
const getUserInfo = () => {
|
||||||
post("manager/user/verify", null).then((res: any) => {
|
post("manager/user/verify", null).then((res: any) => {
|
||||||
formData.value.useUserId = res.id;
|
formData.value.useUserId = res.id;
|
||||||
formData.value.name = res.name;
|
|
||||||
formData.value.username = res.username;
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
defineExpose({getUserInfo})
|
const managerUserList: any = ref([])
|
||||||
|
const getManagerUserList = () => {
|
||||||
|
post("manager/user/list", {}).then((res: any) => {
|
||||||
|
managerUserList.value = res
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({init})
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.simple-table {
|
.simple-table {
|
||||||
|
|
|
||||||
|
|
@ -112,9 +112,11 @@ const rowClick = (row: any) => {
|
||||||
const addApplyRef = ref()
|
const addApplyRef = ref()
|
||||||
const clickApply = () => {
|
const clickApply = () => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
addApplyRef.value?.getUserInfo()
|
addApplyRef.value?.init()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const searchModel= ref({
|
const searchModel= ref({
|
||||||
code: "",
|
code: "",
|
||||||
supplierIds: [],
|
supplierIds: [],
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,14 @@
|
||||||
>
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="searchModel.goodsName"
|
||||||
|
placeholder="商品名称"
|
||||||
|
style="width: 200px;height: 42px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchModel.supplierIds"
|
v-model="searchModel.supplierIds"
|
||||||
|
|
@ -78,7 +86,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="content_list">
|
<div class="content_list">
|
||||||
<el-scrollbar>
|
<el-scrollbar>
|
||||||
<el-table :data="tableData" style="width: 100%" @row-click="open_edit" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
|
<el-table :data="tableData" style="width: 100%" @row-click="open_edit"
|
||||||
|
:header-cell-style="{ backgroundColor: '#F1F5FB' }">
|
||||||
<el-table-column fixed label="采购单号" show-overflow-tooltip>
|
<el-table-column fixed label="采购单号" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div class="link">{{ scope.row.code }}</div>
|
<div class="link">{{ scope.row.code }}</div>
|
||||||
|
|
@ -214,8 +223,7 @@ const getSupplierList = () => {
|
||||||
}
|
}
|
||||||
const managerUserList: any = ref([])
|
const managerUserList: any = ref([])
|
||||||
const getManagerUserList = () => {
|
const getManagerUserList = () => {
|
||||||
post("manager/user/list", {
|
post("manager/user/list", {}).then((res: any) => {
|
||||||
}).then((res: any) => {
|
|
||||||
managerUserList.value = res
|
managerUserList.value = res
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -224,7 +232,8 @@ const searchModel = ref({
|
||||||
managerUserIds: [],
|
managerUserIds: [],
|
||||||
supplierIds: [],
|
supplierIds: [],
|
||||||
beginTime: null,
|
beginTime: null,
|
||||||
endTime:null
|
endTime: null,
|
||||||
|
goodsName: null
|
||||||
})
|
})
|
||||||
const resetSearch = () => {
|
const resetSearch = () => {
|
||||||
searchModel.value = {
|
searchModel.value = {
|
||||||
|
|
@ -232,7 +241,8 @@ const resetSearch = () => {
|
||||||
managerUserIds: [],
|
managerUserIds: [],
|
||||||
supplierIds: [],
|
supplierIds: [],
|
||||||
beginTime: null,
|
beginTime: null,
|
||||||
endTime:null
|
endTime: null,
|
||||||
|
goodsName: null
|
||||||
}
|
}
|
||||||
init()
|
init()
|
||||||
}
|
}
|
||||||
|
|
@ -323,6 +333,7 @@ const resetSearch = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
height: 110px;
|
height: 110px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
@ -332,17 +343,21 @@ const resetSearch = () => {
|
||||||
.search {
|
.search {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
|
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
|
|
@ -354,6 +369,7 @@ const resetSearch = () => {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #4D6DE4;
|
background: #4D6DE4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -379,6 +395,7 @@ const resetSearch = () => {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #4D6DE4;
|
background: #4D6DE4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -387,9 +404,11 @@ const resetSearch = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-range-editor.el-input__wrapper) {
|
:deep(.el-range-editor.el-input__wrapper) {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-select__wrapper) {
|
:deep(.el-select__wrapper) {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue