13507605001
2 years ago
parent
8c2ca4d850
commit
fbe8ca6b6c
@ -0,0 +1,171 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="header-custom">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="start_time"
|
||||||
|
clearable
|
||||||
|
type="datetime"
|
||||||
|
placeholder="选择生产日期"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
/>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="end_time"
|
||||||
|
clearable
|
||||||
|
type="datetime"
|
||||||
|
placeholder="选择过期日期"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
/>
|
||||||
|
<el-select v-model="object_type" clearable placeholder="请选择预警信息类型">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in warning_data_map"
|
||||||
|
:key="index"
|
||||||
|
:label="item"
|
||||||
|
:value="index + 1"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
<el-input v-model="seach_word" clearable placeholder="请输入搜索预警信息" />
|
||||||
|
<el-button :disabled="loadingReagent" type="primary" icon="el-icon-search" @click="searchData">搜索</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
v-loading="loadingReagent"
|
||||||
|
:data="gridData"
|
||||||
|
stripe
|
||||||
|
height="400"
|
||||||
|
element-loading-text="拼命加载中"
|
||||||
|
:header-cell-style="headerStyle"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
type="index"
|
||||||
|
width="50"
|
||||||
|
label="序号"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="warning_date"
|
||||||
|
label="预警时间"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="object_type"
|
||||||
|
label="预警信息类型"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ warning_data_map[scope.row.object_type - 1] }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="object_name"
|
||||||
|
label="对象"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="warning_content"
|
||||||
|
label="内容"
|
||||||
|
/>
|
||||||
|
</el-table>
|
||||||
|
<div class="my-pagination" style="text-align: center">
|
||||||
|
<el-pagination
|
||||||
|
background
|
||||||
|
layout="prev, pager, next"
|
||||||
|
:disabled="loadingReagent"
|
||||||
|
:current-page.sync="page"
|
||||||
|
:total="total"
|
||||||
|
:page-size.sync="page_size"
|
||||||
|
@current-change="pageChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<el-dialog
|
||||||
|
width="50%"
|
||||||
|
title="预警详情"
|
||||||
|
:visible.sync="innerVisible"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<el-descriptions :column="2" border>
|
||||||
|
<el-descriptions-item label="预警对象" span="2">{{ rowData.object_name }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="预警内容" span="2">{{ rowData.warning_content }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="预警类型">{{ warning_data_map[rowData.object_type - 1] }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="预警来源">{{ rowData.object_name }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="最后使用人">
|
||||||
|
<el-tag>{{ rowData.warning_user_name }}</el-tag>
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
<div style="text-align: center;margin-top: 20px">
|
||||||
|
<el-button type="primary" @click="innerVisible=false">确认</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { home_warning_list } from '@/api/reagent/overView'
|
||||||
|
import stringify from '@/utils/stringify'
|
||||||
|
export default {
|
||||||
|
name:'WaringListView',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
headerStyle: { 'background': '#E6E6E6' },
|
||||||
|
rowData: {},
|
||||||
|
gridData: [],
|
||||||
|
seach_word: '',
|
||||||
|
page: 1,
|
||||||
|
total: 0,
|
||||||
|
page_size: 15,
|
||||||
|
start_time: '',
|
||||||
|
end_time: '',
|
||||||
|
object_type: '',
|
||||||
|
innerVisible: false,
|
||||||
|
loadingReagent: false,
|
||||||
|
dialogTableVisible: false,
|
||||||
|
warning_data_map: ['试剂临期', '试剂过期', '余量不足', '环境异常', '出库临期', '出库超期', '未称重'],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
this.getWarnList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getWarnList() {
|
||||||
|
const data = {
|
||||||
|
'seach_word': this.seach_word,
|
||||||
|
'object_type': this.object_type,
|
||||||
|
'start_time': this.start_time,
|
||||||
|
'end_time': this.end_time,
|
||||||
|
'page': this.page,
|
||||||
|
'page_size': this.page_size
|
||||||
|
}
|
||||||
|
this.loadingReagent = true
|
||||||
|
home_warning_list(stringify(data)).then(res => {
|
||||||
|
this.gridData = res.data.data_list
|
||||||
|
this.total = res.data.total_count
|
||||||
|
}).finally(() => (this.loadingReagent = false))
|
||||||
|
},
|
||||||
|
pageChange(page) {
|
||||||
|
this.page = page
|
||||||
|
this.getWarnList()
|
||||||
|
},
|
||||||
|
|
||||||
|
searchData() {
|
||||||
|
this.getWarnList()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.header-custom {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
|
.el-input {
|
||||||
|
width: 12.5rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-select {
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue