<template>
|
<div class="notice">
|
<el-dialog
|
v-model="dialogVisible"
|
width="750px"
|
:before-close="handleClose"
|
:close-on-press-escape="false"
|
:close-on-click-modal="false"
|
>
|
|
<div style=" width: 100%;font-size: 18px;font-weight: 600;margin-bottom: 20px">
|
<span>库房列表</span>
|
<el-button type="primary" style="margin-left: 15px" @click="addProject('add',{})">新增库房</el-button>
|
</div>
|
|
<!-- 表格数据 -->
|
<el-table v-loading="loading" :data="state.dataList" :border="true">
|
<el-table-column label="序号" type="index" align="center" width="80" />
|
<el-table-column label="库房名称" prop="storeroomName" align="center" />
|
<el-table-column label="仓库编号" prop="storeNum" align="center" />
|
<el-table-column label="危险等级" prop="dangerLevel" align="center" >
|
<template #default="scope">
|
<span>{{scope.row.dangerLevel == 1 ? '1.1级库房' :scope.row.dangerLevel == 2? '1.3级库房' : '无药库房'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="核定药量" prop="dosage" align="center" />
|
<el-table-column label="核定人员数量" prop="personLimit" align="center" width="120"/>
|
<el-table-column label="创建人" prop="createBy" align="center" />
|
<el-table-column label="创建时间" prop="createDate" align="center" width="120"/>
|
<el-table-column label="修改人" prop="updateBy" align="center" />
|
<el-table-column label="修改时间" prop="updateDate" align="center" width="120"/>
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
|
<template #default="scope">
|
<el-button link type="primary" @click="addProject('edit',scope.row)">编辑</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="state.total > 0"
|
:total="state.total"
|
v-model:page="state.queryParams.pageIndex"
|
v-model:limit="state.queryParams.pageSize"
|
@pagination="getList"
|
/>
|
<!-- <template #footer>-->
|
<!-- <span class="dialog-footer">-->
|
<!-- <el-button @click="handleClose" size="default">取 消</el-button>-->
|
<!-- </span>-->
|
<!-- </template>-->
|
</el-dialog>
|
<addRoomDia ref="dialogRef" @getList="getList"></addRoomDia>
|
</div>
|
</template>
|
<script setup>
|
import {reactive, ref, toRefs} from 'vue'
|
import {ElMessage, ElMessageBox} from "element-plus";
|
import addRoomDia from './addRoomDialog.vue'
|
import Cookies from "js-cookie";
|
import {addWarehouse, delRoom, delWarehouse, getRoom, getWarehouse} from "@/api/company/warehouse";
|
|
const { proxy } = getCurrentInstance();
|
const dialogVisible = ref(false);
|
const title = ref("");
|
const busRef = ref();
|
const loading = ref(false);
|
const length = ref()
|
const dialogRef = ref();
|
const emit = defineEmits(["getList"]);
|
const state = reactive({
|
dataList: [],
|
total: 0,
|
queryParams: {
|
pageIndex: 1,
|
pageSize: 10,
|
filter: {
|
storeNum: '',
|
companyCode: ''
|
}
|
},
|
})
|
|
const openDialog = async (value) => {
|
const info = JSON.parse(Cookies.get('userInfo'))
|
state.queryParams.filter.companyCode = info.companynumber
|
state.queryParams.filter.storeNum = value.storeNum
|
await getList()
|
dialogVisible.value = true;
|
}
|
const getList = async () => {
|
loading.value = true
|
const res = await getRoom(state.queryParams)
|
if(res.code == 200){
|
state.dataList = res.result.records
|
state.total = res.result.total
|
}else{
|
ElMessage.warning(res.message)
|
}
|
loading.value = false
|
}
|
const handleClose = () => {
|
reset();
|
dialogVisible.value = false;
|
emit("getList")
|
}
|
const reset = () => {
|
state.queryParams = {
|
pageIndex: 1,
|
pageSize: 10,
|
filter: {
|
storeNum: '',
|
companyCode: ''
|
}
|
}
|
state.dataList = []
|
}
|
const addProject = (type,value) => {
|
value.storeNum = state.queryParams.filter.storeNum
|
dialogRef.value.openDialog(type,value)
|
}
|
const handleDelete = (val) => {
|
ElMessageBox.confirm(
|
'确定删除此条数据?',
|
'提示',
|
{
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
})
|
.then( async() => {
|
const param = {
|
id: val.id
|
}
|
const res = await delRoom(param)
|
if(res.code == 200){
|
ElMessage.success('数据删除成功')
|
await getList()
|
}else{
|
ElMessage.warning(res.message)
|
}
|
})
|
}
|
defineExpose({
|
openDialog
|
});
|
|
</script>
|
|
<style scoped lang="scss">
|
.notice{
|
:deep(.el-form .el-form-item__label) {
|
font-size: 15px;
|
}
|
:deep(.el-form-item__content) {
|
width: 100%;
|
}
|
.file {
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
}
|
.custom-iframe {
|
border: 1px solid #9b9999;
|
/* 隐藏原生滚动条 */
|
overflow: hidden;
|
}
|
}
|
</style>
|