cxw
2 years ago
parent
4398b760c9
commit
7dedd424ed
|
Before Width: | Height: | Size: 457 B After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 775 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 452 B After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,193 @@
|
|||||||
|
<template>
|
||||||
|
<div class="contents">
|
||||||
|
<div class="content left">
|
||||||
|
<div class="title">{{ mainTitle }}</div>
|
||||||
|
<div class="img">
|
||||||
|
<img src="@/assets/5-试剂入库/扫描试剂瓶.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
请扫描或检测RFID
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="title">{{ subTitle }}</div>
|
||||||
|
<div class="show-data">
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
stripe
|
||||||
|
element-loading-text="拼命加载中"
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%"
|
||||||
|
height="76vh"
|
||||||
|
:header-cell-style="headerStyle"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
type="index"
|
||||||
|
width="50"
|
||||||
|
label="序号"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="试剂名称"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="bar_code"
|
||||||
|
label="条码编号"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="cas_number"
|
||||||
|
label="CAS码"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="purity"
|
||||||
|
label="纯度"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="page my-pagination">
|
||||||
|
<el-pagination
|
||||||
|
background
|
||||||
|
layout="prev, pager, next"
|
||||||
|
:total="total"
|
||||||
|
:disabled="loading"
|
||||||
|
:current-page.sync="page"
|
||||||
|
:page-size.sync="page_size"
|
||||||
|
@current-change="pageChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" width="40%">
|
||||||
|
<el-radio-group v-model="place">
|
||||||
|
<el-radio
|
||||||
|
v-for="item in $store.getters.currentOptions"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.client_id"
|
||||||
|
>{{ item.client_name }}</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
<div style="text-align: center">
|
||||||
|
<el-button type="primary" @click="btnClick">提交</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<Scannner @getcode="getCode" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Scannner from '@/components/Scannner/index'
|
||||||
|
import { use, drug_return, use_or_return_list } from '@/api/reagent/receivingReturn'
|
||||||
|
import stringify from '@/utils/stringify'
|
||||||
|
export default {
|
||||||
|
name: 'ReceivingAndReturn',
|
||||||
|
components: { Scannner },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
barCode: '',
|
||||||
|
headerStyle: { 'background': '#E6E6E6' },
|
||||||
|
tableData: [],
|
||||||
|
page: 1,
|
||||||
|
page_size: 15,
|
||||||
|
total: 0,
|
||||||
|
loading: false,
|
||||||
|
dialogVisible: false,
|
||||||
|
place: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
mainTitle() {
|
||||||
|
return this.$route.name.indexOf('Receiving') !== -1 ? `${this.$store.state.app.title}领用` : `${this.$store.state.app.title}归还`
|
||||||
|
},
|
||||||
|
subTitle() {
|
||||||
|
return this.$route.name.indexOf('Receiving') !== -1 ? `${this.$store.state.app.title}领用列表` : `${this.$store.state.app.title}归还列表`
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.pageChange(1)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
btnClick() {
|
||||||
|
drug_return(stringify({ 'bar_code': this.barCode, 'place': this.place })).then(res => {
|
||||||
|
this.tableData.push(res.data)
|
||||||
|
this.dialogVisible = false
|
||||||
|
this.$message.success('归还成功！')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getCode(code) {
|
||||||
|
this.barCode = code
|
||||||
|
if (this.$route.name.indexOf('Receiving') !== -1) {
|
||||||
|
use(stringify({ 'bar_code': this.barCode })).then(res => {
|
||||||
|
this.tableData.push(res.data)
|
||||||
|
this.$message.success(res.data.name + ' 试剂领用成功！')
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.dialogVisible = true
|
||||||
|
// drug_return(stringify({ 'bar_code': newCode, 'place': '' })).then(res => {
|
||||||
|
// this.tableData.push(res.data)
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
const data = {
|
||||||
|
status: this.$route.name === 'Receiving' ? 2 : 3,
|
||||||
|
page: this.page,
|
||||||
|
page_size: this.page_size
|
||||||
|
}
|
||||||
|
this.loading = true
|
||||||
|
use_or_return_list(stringify(data)).then(res => {
|
||||||
|
this.tableData = res.data.data
|
||||||
|
this.total = res.data.total_count
|
||||||
|
}).finally(() => (this.loading = false))
|
||||||
|
},
|
||||||
|
pageChange(page) {
|
||||||
|
this.page = page
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.contents{
|
||||||
|
margin: 1rem;
|
||||||
|
display: flex;
|
||||||
|
.content{
|
||||||
|
width: 50%;
|
||||||
|
height: calc(100vh - 110px);
|
||||||
|
padding: 1rem;
|
||||||
|
background: white;
|
||||||
|
.title{
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.img{
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 6rem;
|
||||||
|
img{
|
||||||
|
width: 25.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
margin-top: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.8rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
.show-data{
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
.page{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.left{
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue