web_dist/src/views/sterile/warehousing/index.vue

<template>
    <div class="layout_display_flex_y">
        <div class="obviousBox" style="margin-bottom: 6px;">
            <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
        </div>

        <div class="layout_display_flex_y" style="height: 85%">
            <div style="background-color: #fff;padding: 8px">
                <el-button type="primary" icon="Plus" @click="onAddItem" style="margin-left: 5px">新增</el-button>
            </div>
            <el-table :data="tableData" border style="width: 100%" height="100%" stripe highlight-current-row
                class="ypClassTable normal-size">
                <el-table-column prop="warehousingSterileCode" label="入库单号">
                </el-table-column>
                <el-table-column prop="createTime" label="制单时间">
                </el-table-column>
                <el-table-column prop="userName" label="制单人员">
                </el-table-column>
                <el-table-column prop="approvalName" label="审核人">
                </el-table-column>
                <el-table-column prop="status" label="状态">
                    <template v-slot="scope">
                        <span>{{ scope.row.status == '-1' ? '草稿' : (scope.row.status == '0' ? "未审核" : "已审核") }}</span>
                    </template>
                </el-table-column>
                <el-table-column fixed="right" label="操作" min-width="180" width="180" align="center">
                    <template #default="scope">
                        <el-button type="primary" size="small" @click="onEditItem(scope.row)">编辑</el-button>
                        <el-button :type="'success'" size="small"
                            @click.prevent="approval(scope.row)">
                            审核通过
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <div>
            <el-pagination :current-page="pageNumber" :page-size="pageSize" :page-sizes="[10, 15, 20, 25]"
                :total="total" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
                @size-change="handleSizeChange" @current-change="handleCurrentChange">
            </el-pagination>
        </div>
    </div>
    <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false"
        :title="(currentEditId ? '编辑' : '新增') + '项目'" width="100%" destroy-on-close fullscreen
        @close="handleDialogClose">
        <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
        <info :currentEditId="currentEditId" @handleDialogClose="handleDialogClose" @init="init"></info>
    </el-dialog>
</template>
<script setup name="warehousing">
import { ref, onMounted, nextTick } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { insertWarehousingSterile, getWarehousingSterileList } from '@/api/lc/sterile.js';
import searchArea from '@/components/searchArea/index.vue';
import info from '@/views/sterile/warehousing/info.vue';

const searchData = ref([
    {
        label: '入库单号',
        key: 'warehousingSterileCode',
        type: 'input',
        value: '',
    }
])
const pageSize = ref(10)
const pageNumber = ref(1)
const total = ref(0)
const currentEditId = ref('')

const tableData = ref([])
const handleSizeChange = (val) => {
    pageSize.value = val
    init()
}
const handleCurrentChange = (val) => {
    pageNumber.value = val
    init()
}

let showDialog = ref(false)

const init = (params) => {
    params = {
        ...params,
        ...searchForm.value,
        pageSize: pageSize.value,
        pageNumber: pageNumber.value
    }
    getWarehousingSterileList(params).then((res) => {
        total.value = res.total
        tableData.value = res.records
    }).catch((err) => {
        ElMessage.error(err)
    })
}

onMounted(() => {
    nextTick(() => {
        init()
    })
})

const searchForm = ref({})
//搜索表单方法
const searchByForm = (form) => {
    console.log("search", form)
    searchForm.value = form
    init()
}

const onEditItem = (row) => {
    currentEditId.value = row.id
    showDialog.value = true
}

const handleDialogClose = () => {
    currentEditId.value = ""
    showDialog.value = false
}

const approval = (row) => {
    ElMessageBox.confirm("是否确认审核通过", {
        cancelButtonText: '取消',
        confirmButtonText: '确定',
        type: 'warning',
        distinguishCancelAndClose: true,
        dangerouslyUseHTMLString: true
    }).then(() => {
        let params = { id: row.id, status: '1' }
        insertWarehousingSterile(params).then(res => {
            ElMessage.success('审核成功')
            init()
        }).catch(err => {
            // ElMessage.error(err.message)
        })
    }).catch((action) => {
        if (action === 'cancel') {
        }
    })
}

</script>
<style lang="scss" deep>
.el-dialog__body {
    // padding: 0 16px;
    // height: calc(100% - 25px);
}

.el-tabs {
    height: calc(100% - 27px);

    .el-tabs__content {
        padding: 5px;
        height: calc(100% - 27px);
    }

    .el-tab-pane {
        height: calc(100% - 27px);
        overflow: auto;
    }

    .el-table__inner-wrapper {
        height: calc(100% - 10px) !important;
    }

}

.el-table .warning-row {
    --el-table-tr-bg-color: #dd7694;
}

.search-select-pre {
    padding: 0 12px;
    color: var(--el-text-color-regular);
    background: var(--el-fill-color-light);
    border-right: 1px solid var(--el-border-color);
    --el-select-input-padding-left: '0'
}
</style>