yunxi
/
mes-heli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

编辑页 底部浮动

Browse Source
pull/2/head
qiuhongwu 9 months ago
parent 5ff73face2
commit 35f26f57ac
3 changed files with 436 additions and 403 deletions
Show Stats Download Patch File Download Diff File

31
mes-ui/mes-ui-admin-vue3/src/styles/cus.scss
Unescape View File

@ -17,7 +17,8 @@
}
.hl-card {
margin: 0px;
position: relative;
padding-bottom: 100px;
border-radius: 10px !important;
.el-card__header {
background-color: #f7f8fa;
@ -34,6 +35,23 @@
font-size: 20px !important;
}
}
.hl-card-scrollable-content {
width: 100%;
box-sizing: border-box;
max-height: calc(100vh - 300px); overflow-y: auto;
}
.hl-footer {
width: 96%;
background-color: #fff;
position: absolute !important;
left: 50%;
height: 100px;
line-height: 100px;
transform: translateX(-51%);
bottom: 0px;
z-index: 1000;
}
}
.borderxx {
border: none !important;
@ -48,7 +66,7 @@
.hl-table thead {
color: #1d2129;
}
.hl-table_header{
.hl-table_header {
color: red;
}
.hl-table thead th.el-table__cell {
@ -88,7 +106,7 @@
border: none !important;
.el-card__header {
padding: 16px 0px;
padding-bottom: 16px ;
background-color: inherit;
.hl-card-info-icona {
@ -106,14 +124,13 @@
.el-card__body {
padding: 15px 0px;
.el-row {
margin: 10px;
}
}
}
.hl-incard {
margin-bottom: 20px;
margin-bottom: 10px;
padding: 0 20px;
}
@ -121,9 +138,6 @@
margin: 10px 0px 10px 0px !important;
}
.hl-footer {
margin: 30px 0;
}
.abstatus {
position: absolute;
right: 80px;
@ -145,7 +159,6 @@
}
}
/* ---el-table滚动条公共样式--- */
.el-scrollbar {
// 横向滚动条

28
mes-ui/mes-ui-admin-vue3/src/views/heli/storage/StorageForm.vue
Unescape View File

@ -4,6 +4,7 @@
<template #header>
<span v-text="dialogTitle"></span>
</template>
<div class="hl-card-scrollable-content" >
<el-form
ref="formRef"
:model="formData"
@ -133,7 +134,7 @@
v-loading="subFormLoading"
label-width="0"
>
<el-table :data="formData.matItemDOList" class="hl-table" >
<el-table :data="formData.matItemDOList" class="hl-table">
<el-table-column prop="cid" label="序号" min-width="80" align="center" fixed />
<el-table-column prop="matId" min-width="140" align="center">
<template #header> <span class="hl-table_header">*</span> 物料编码 </template>
@ -275,7 +276,7 @@
<el-input v-model="scope.row.projectNo" />
</template>
</el-table-column>
<el-table-column prop="description" label="备注" align="center" min-width="180" >
<el-table-column prop="description" label="备注" align="center" min-width="180">
<template #default="scope">
<el-input v-model="scope.row.description" />
</template>
@ -420,6 +421,7 @@
</el-row>
</el-card>
</el-form>
</div>
<div class="text-center hl-footer">
<el-button @click="() => router.go(-1)" size="large">取 消</el-button>
<el-button
@ -517,10 +519,9 @@ const subFormRules = reactive({
storageOkQty: [{ required: true, message: '入库数量不能为空', trigger: 'blur' }]
})
const handleStatus = async (num) => {
// 校验表单
await formRef.value.validate()
if(formData.value.matItemDOList.length === 0){
if (formData.value.matItemDOList.length === 0) {
message.alertWarning('请添加物料信息!')
return
}
@ -576,10 +577,9 @@ const handleStatus = async (num) => {
isShowBtnOther.value = false
isShowBtnDelete.value = false
}
query.type= 'update'
query.type = 'update'
query.id = formData.value.id
reload()
}
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
@ -642,7 +642,7 @@ var commonResult = ''
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const saveFormData = async () =>{
const saveFormData = async () => {
// 提交请求
formLoading.value = true
try {
@ -671,7 +671,6 @@ const saveFormData = async () =>{
}
formData.value = await StorageApi.getStorage(storageid.value)
message.success(t(commonResult))
} finally {
formLoading.value = false
}
@ -679,7 +678,7 @@ const saveFormData = async () =>{
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
if(formData.value.matItemDOList.length === 0){
if (formData.value.matItemDOList.length === 0) {
message.alertWarning('请添加物料信息!')
return
}
@ -693,11 +692,11 @@ const submitForm = async () => {
await saveFormData()
// 成功后刷新
query.type= 'update'
query.type = 'update'
query.id = storageid.value
formData.value.id = storageid.value
//页面重新加载
reload();
reload()
}
var matCount = 1
@ -866,7 +865,6 @@ onMounted(async () => {
isShowBtnDelete.value = false
}
//获得库区列表
const queryParamsRg = reactive({
pageNo: 1,
@ -930,10 +928,14 @@ onMounted(async () => {
//用户信息
userList.value = await UserApi.getSimpleUserList()
})
</script>
<style>
<style setup lang="scss">
a {
color: #409eff;
text-decoration: none;
}
</style>

54
mes-ui/mes-ui-admin-vue3/src/views/heli/storage/StorageOut.vue
Unescape View File

@ -4,6 +4,7 @@
<template #header>
<span v-text="dialogTitle"></span>
</template>
<div class="hl-card-scrollable-content">
<el-form
ref="formRef"
:model="formData"
@ -167,7 +168,12 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="matCode" label="物料编码" min-width="120" align="center" />
<el-table-column
prop="matCode"
label="物料编码"
min-width="120"
align="center"
/>
<el-table-column prop="matType" label="物料类型" min-width="120" align="center">
<template #default="scope">
<dict-tag
@ -177,7 +183,12 @@
/>
</template>
</el-table-column>
<el-table-column prop="matSpec" label="规格/型号" min-width="120" align="center" />
<el-table-column
prop="matSpec"
label="规格/型号"
min-width="120"
align="center"
/>
<el-table-column prop="matUnit" label="系统单位" min-width="120" align="center">
<template #default="scope">
@ -232,7 +243,12 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="matRest" label="库存数量" min-width="120" align="center" />
<el-table-column
prop="matRest"
label="库存数量"
min-width="120"
align="center"
/>
<el-table-column prop="storageOkQty" min-width="120" align="center">
<template #header> <span class="hl-table_header">*</span>出库数量</template>
<template #default="scope">
@ -392,6 +408,7 @@
</el-row>
</el-card>
</el-form>
</div>
<div class="text-center hl-footer">
<el-button @click="() => router.go(-1)" size="large">取 消</el-button>
<el-button
@ -489,10 +506,9 @@ const subFormRules = reactive({
storageOkQty: [{ required: true, message: '出库数量不能为空', trigger: 'blur' }]
})
const handleStatus = async (num) => {
// 校验表单
await formRef.value.validate()
if(formData.value.matItemDOList.length === 0){
if (formData.value.matItemDOList.length === 0) {
message.alertWarning('请添加物料信息!')
return
}
@ -547,7 +563,7 @@ const handleStatus = async (num) => {
isShowBtnDelete.value = false
}
query.id = storageid.value
query.type= 'update'
query.type = 'update'
reload()
}
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
@ -611,7 +627,7 @@ var commonResult = ''
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const saveFormData = async () =>{
const saveFormData = async () => {
//获取最新库存信息
const matCurrentData = await StorageMatApi.getStorageMatList()
var hasRestNum = true
@ -660,9 +676,6 @@ const saveFormData = async () =>{
}
formData.value = await StorageApi.getStorage(storageid.value)
message.success(t(commonResult))
} finally {
formLoading.value = false
}
@ -670,7 +683,7 @@ const saveFormData = async () =>{
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
if(formData.value.matItemDOList.length === 0){
if (formData.value.matItemDOList.length === 0) {
message.alertWarning('请添加物料信息!')
return
}
@ -684,7 +697,7 @@ const submitForm = async () => {
await saveFormData()
// 成功后刷新
query.id = storageid.value
query.type= 'update'
query.type = 'update'
reload()
}
@ -712,7 +725,6 @@ const onAddItem = () => {
}
matCount = matCount + 1
formData.value.matItemDOList.push(newData)
} else {
message.alertWarning('请选择出库仓库')
@ -748,11 +760,14 @@ const handleWh = async (wid) => {
let matParams = {
pageNo: 1,
pageSize: 99,
status: "1"
status: '1'
}
const dataMat = await MaterialApi.getMaterialPage(matParams)
matList.value = []
matList.value = dataMat.list.filter((item) => matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == wid) !== undefined)
matList.value = dataMat.list.filter(
(item) =>
matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == wid) !== undefined
)
formData.value.matItemDOList = []
// formData.value.matItemDOList.forEach(item => {
@ -792,7 +807,12 @@ const remoteMatCodeSearch = async (name) => {
const dataMat = await MaterialApi.getMaterialPage(matParams)
matList.value = []
matList.value = dataMat.list.filter((item) => matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == formData.value.whId) !== undefined)
matList.value = dataMat.list.filter(
(item) =>
matLastRemoteData.find(
(fish) => fish.matId === item.id && fish.whId == formData.value.whId
) !== undefined
)
matSelectLoading.value = false
}
@ -862,8 +882,6 @@ onMounted(async () => {
dialogTitle.value = t('action.' + query.type)
dialogTitle.value = query.type === 'review' ? '查看' : dialogTitle.value
//-------------------仓库全数据
const data = await WarehouseApi.getWarehouseSimpList()
warehouseList.value = data

Write Preview
Loading…
Cancel
Save