1/14 槽位优化1.1
wangwei
10 months ago
parent
e617067bf4
commit
679f843075
@ -0,0 +1,336 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form :model="formData" style="width: 100%;" ref="dataForm" :rules="formRules"
|
||||||
|
label-width="auto"
|
||||||
|
>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="槽位编码:" prop="code" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.code" style="width: 80%"
|
||||||
|
auto-complete="off"
|
||||||
|
disabled
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="槽位名称:" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.name" style="width: 80%"
|
||||||
|
auto-complete="off"
|
||||||
|
placeholder="请输入槽位名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="槽位高度:" prop="queueHeight" class="query-form-item">
|
||||||
|
<!--<el-input-->
|
||||||
|
<!-- v-model="formData.queueHeight" style="width: 80%"-->
|
||||||
|
<!-- auto-complete="off"-->
|
||||||
|
<!-- placeholder="请输入槽位高度"-->
|
||||||
|
<!--></el-input>-->
|
||||||
|
<el-input-number :min="0" v-model="formData.queueHeight" style="width: 80%"
|
||||||
|
placeholder="请输入槽位高度" :disabled="type == 2"
|
||||||
|
></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="最大存药数:" prop="maxDrugCount" class="query-form-item">
|
||||||
|
<!--<el-input-->
|
||||||
|
<!-- v-model="formData.maxDrugCount" style="width: 80%"-->
|
||||||
|
<!-- auto-complete="off"-->
|
||||||
|
<!-- placeholder="请输入最大存药数"-->
|
||||||
|
<!--></el-input>-->
|
||||||
|
<el-input-number :min="0" v-model="formData.maxDrugCount" style="width: 80%"
|
||||||
|
placeholder="请输入最大存药数" :disabled="type == 2"
|
||||||
|
></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="所属货架编码:" prop="freightCode" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.freightCode" style="width: 80%"
|
||||||
|
auto-complete="off"
|
||||||
|
disabled
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="所属摆货层编码:" prop="layerCode" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.layerCode" style="width: 80%"
|
||||||
|
auto-complete="off"
|
||||||
|
disabled
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="所属灯组标签:" prop="mac" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.mac" style="width: 80%"
|
||||||
|
auto-complete="off"
|
||||||
|
disabled
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="是否特殊槽位:" prop="specialQueue" class="query-form-item">
|
||||||
|
<el-select v-model="formData.specialQueue" style="width: 80%" placeholder="是否特殊槽位" :disabled="type == 2">
|
||||||
|
<el-option label="是" :value="1"></el-option>
|
||||||
|
<el-option label="否" :value="0"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="24" class="el-row">
|
||||||
|
<el-col class="el-col">
|
||||||
|
<el-form-item label="备注:" prop="remark" class="query-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.remark"
|
||||||
|
style="width: 91.3%"
|
||||||
|
auto-complete="off"
|
||||||
|
:disabled="type == 2"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-divider ></el-divider>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="是否开启库存预警:" prop="enableRemind" class="query-form-item">
|
||||||
|
<el-select v-model="formData.enableRemind" style="width: 80%" placeholder="是否开启库存预警" :disabled="type == 2">
|
||||||
|
<el-option label="是" :value="1"></el-option>
|
||||||
|
<el-option label="否" :value="0"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="el-col">
|
||||||
|
<el-form-item label="库存预警数量:" prop="remindCount" class="query-form-item" >
|
||||||
|
<el-input-number :min="0" v-model="formData.remindCount" style="width: 80%"
|
||||||
|
placeholder="请输入预警数量" :disabled="type == 2"
|
||||||
|
></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-collapse v-model="activeNames">
|
||||||
|
<el-collapse-item name="0" v-if="type != 1">
|
||||||
|
<template slot="title">
|
||||||
|
<p class="form-title">药品信息</p>
|
||||||
|
</template>
|
||||||
|
<el-table :data="productList" style="width: 100%; margin-bottom: 8px" key="2" border>
|
||||||
|
<el-table-column label="序号" type="index"></el-table-column>
|
||||||
|
<el-table-column label="药品标识" prop="nameCode" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="药品名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="医保编码" prop="ybbm" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="包装规格" prop="bzgg" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="批准文号" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="制剂规格" prop="prepnSpec" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="生产企业" prop="manufactory" show-overflow-tooltip></el-table-column>
|
||||||
|
<!--<el-table-column label="操作">-->
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-button type="text" @click="addSelectErp(scope.row)" :disabled="scope.row.thirdId==rowData.nameCode">-->
|
||||||
|
<!-- 关联-->
|
||||||
|
<!-- </el-button>-->
|
||||||
|
<!-- <el-button type="text" @click.native.stop="removeErp(scope.row)"-->
|
||||||
|
<!-- :disabled=" scope.row.thirdId==null || scope.row.thirdId==''"-->
|
||||||
|
<!-- >解绑-->
|
||||||
|
<!-- </el-button>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
<!--</el-table-column>-->
|
||||||
|
</el-table>
|
||||||
|
</el-collapse-item>
|
||||||
|
<el-collapse-item name="1" v-if="type != 1">
|
||||||
|
<template slot="title">
|
||||||
|
<p class="form-title">灯组信息</p>
|
||||||
|
</template>
|
||||||
|
<el-table :data="ledList" style="width: 100%; margin-bottom: 8px" key="2" border>
|
||||||
|
<el-table-column type="index" label="序号"></el-table-column>
|
||||||
|
<el-table-column label="灯组标签" prop="mac" ></el-table-column>
|
||||||
|
<el-table-column label="led灯编号" prop="ledNum" ></el-table-column>
|
||||||
|
<el-table-column label="红灯状态" prop="red">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.red === 0"><el-tag type="info">关闭</el-tag></span>
|
||||||
|
<span v-else><el-tag type="success">开启</el-tag></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="黄灯状态" prop="orange" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.orange === 0"><el-tag type="info">关闭</el-tag></span>
|
||||||
|
<span v-else><el-tag type="success">开启</el-tag></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="蓝灯状态" prop="blue" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.blue === 0"><el-tag type="info">关闭</el-tag></span>
|
||||||
|
<span v-else><el-tag type="success">开启</el-tag></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="绿灯状态" prop="green" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.green === 0"><el-tag type="info">关闭</el-tag></span>
|
||||||
|
<span v-else><el-tag type="success">开启</el-tag></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="备注" prop="remark"></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer" style="margin-top: 50px" v-if="type == 1">
|
||||||
|
<el-button @click.native="hideForm">取消</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click.native="formSubmit()"
|
||||||
|
>提交
|
||||||
|
</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { updateQueue} from '@/api/basic/workPlace/SysWorkplaceQueue'
|
||||||
|
import { getUdiInfos } from '@/api/basic/product/udiRelevance'
|
||||||
|
import { isBlank } from '@/utils/strUtil'
|
||||||
|
import { getLeds } from '@/api/collect/collectLedGroup'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
closeDialog: {
|
||||||
|
type: Function,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
rowData: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
formData: {
|
||||||
|
code: '',
|
||||||
|
name: '',
|
||||||
|
remark: '',
|
||||||
|
workPlaceIdFk: '',
|
||||||
|
queueHeight: null,
|
||||||
|
maxDrugCount:null,
|
||||||
|
freightCode:"",
|
||||||
|
layerCode: "",
|
||||||
|
mac: "",
|
||||||
|
specialQueue: null,
|
||||||
|
remindCount:null,
|
||||||
|
enableRemind: null,
|
||||||
|
},
|
||||||
|
freightData: null,
|
||||||
|
workPlaces: [],
|
||||||
|
formRules: {
|
||||||
|
queueHeight: [
|
||||||
|
{ required: true, message: '请输入槽位高度', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
maxDrugCount: [
|
||||||
|
{ required: true, message: '请输入最大存药数量', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
specialQueue: [
|
||||||
|
{ required: true, message: '请选择是否特殊药品', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
remindCount: [
|
||||||
|
{ required: true, message: '请输入预警数量', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
enableRemind: [
|
||||||
|
{ required: true, message: '请是否开启预警警告', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
},
|
||||||
|
activeNames: ['0', '1'],
|
||||||
|
productList:[],
|
||||||
|
drugQuery: {
|
||||||
|
productsType: 2,
|
||||||
|
page: 1,
|
||||||
|
limit: 20,
|
||||||
|
nameCode: ""
|
||||||
|
},
|
||||||
|
ledQuery:{
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
mac:"",
|
||||||
|
isBind: 0,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formSubmit(){
|
||||||
|
this.$refs['dataForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
updateQueue(this.formData).then(res => {
|
||||||
|
if (res.code == 20000){
|
||||||
|
this.$message.success("更新成功")
|
||||||
|
}else {
|
||||||
|
this.$message.error("更新失败")
|
||||||
|
}
|
||||||
|
this.closeDialog()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
hideForm(){
|
||||||
|
this.closeDialog()
|
||||||
|
},
|
||||||
|
getDrugList() {
|
||||||
|
this.drugQuery.nameCode = this.rowData.nameCode
|
||||||
|
getUdiInfos(this.drugQuery)
|
||||||
|
.then((response) => {
|
||||||
|
this.productList = response.data.list || []
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getLedList(){
|
||||||
|
this.ledQuery.mac = this.rowData.mac
|
||||||
|
getLeds(this.ledQuery).then(res => {
|
||||||
|
if (res.code == 20000){
|
||||||
|
this.ledList = res.data.list || []
|
||||||
|
}else {
|
||||||
|
this.ledList = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
if (this.rowData != null){
|
||||||
|
this.formData = this.rowData
|
||||||
|
}
|
||||||
|
if (!isBlank(this.rowData.nameCode)){
|
||||||
|
this.getDrugList()
|
||||||
|
}
|
||||||
|
if (!isBlank(this.rowData.mac)){
|
||||||
|
this.getLedList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.dialog-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Noto Sans SC;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #303133;
|
||||||
|
padding-bottom: 17px;
|
||||||
|
padding-top: 17px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue