Skip to content

P
pet-business-web
Commit 9ddfc97d authored by 小费同学阿's avatar 小费同学阿 💬
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 4553b038 11606804
Hide whitespace changes
Inline Side-by-side
Showing with 248 additions and 101 deletions
src/views/service-management/registration-queue/components/prescribing-modle.vue
View file @ 9ddfc97d
<template>
<el-dialog class="prescribing-modle" title="开具处方" :visible.sync="isShow" append-to-body>
<el-form ref="prescribingForm" :model="prescribingForm" label-width="80px" size="small">
<el-form ref="prescribingForm" :model="prescribingForm" :rules="rules" label-width="80px" size="small">
<!-- 标题区域-->
<div class="prescribing-head">
<div class="prescribing-title">
......@@ -14,12 +14,12 @@
<!-- 宠物基本信息-->
<el-row class="pet-base">
<el-col :span="8">
<el-form-item prop="nickName" label="宠物名称:">
<el-form-item prop="nickName" label="宠物名称">
<el-input v-model="prescribingForm.nickName" placeholder="请输入宠物昵称" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="petSex" label="宠物性别:">
<el-form-item prop="petSex" label="宠物性别">
<el-select
v-model="prescribingForm.petSex"
:disabled="true"
......@@ -37,12 +37,12 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="宠物年龄:">
<el-form-item prop="age" label="宠物年龄">
<el-input v-model="prescribingForm.age" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="petBreed" label="宠物品种:">
<el-form-item prop="petBreed" label="宠物品种">
<el-select
v-model="prescribingForm.petBreed"
:disabled="true"
......@@ -59,27 +59,27 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="体重:">
<el-form-item prop="age" label="体重">
<el-input v-model="prescribingForm.weight" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="诊断时间:">
<el-form-item prop="age" label="诊断时间">
<el-input v-model="prescribingForm.time" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="宠主姓名:">
<el-form-item prop="age" label="宠主姓名">
<el-input v-model="prescribingForm.name" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="联系电话:">
<el-form-item prop="age" label="联系电话">
<el-input v-model="prescribingForm.phone" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="petInsure" label="宠物保险:">
<el-form-item prop="petInsure" label="宠物保险">
<el-select
v-model="prescribingForm.petInsure"
:disabled="true"
......@@ -100,12 +100,12 @@
<!-- 处方模块-->
<el-row class="prescribing-content">
<el-col :span="8">
<el-form-item prop="nickName" label="主治兽医:">
<el-form-item prop="nickName" label="主治兽医">
<el-input v-model="prescribingForm.nickName" placeholder="请输入宠物昵称" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="petSex" label="科室:">
<el-form-item prop="petSex" label="科室">
<el-select
v-model="prescribingForm.petSex"
:disabled="true"
......@@ -123,7 +123,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="age" label="诊位:">
<el-form-item prop="age" label="诊位">
<el-input v-model="prescribingForm.age" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
......@@ -143,92 +143,116 @@
</el-form-item>
</el-col>
<!-- 开药模块-->
<el-row class="drug-content">
<el-col :span="8">
<el-form-item label="药物处理">
<el-select
v-model="prescribingForm.petSex"
clearable
style="width: 100%"
placeholder="请选择药品"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="数量">
<el-input-number v-model="prescribingForm.petSex" controls-position="right" :min="1" :max="10" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="sig">
<el-input v-model="prescribingForm.petSex" placeholder="请输入具体用法" />
</el-form-item>
</el-col>
</el-row>
<div class="drug-content">
<el-form-item prop="medication" label="药物处理">
<div v-for="(item, index) in prescribingForm.medication" :key="index" class="single-medication">
<div class="single-file">
<el-form-item label="宠物名称:">
<el-select
v-model="item.drug"
clearable
style="width: 100%"
placeholder="请选择药品"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</div>
<div class="single-file">
<el-form-item label="数量">
<el-input-number v-model="item.num" controls-position="right" :min="1" :max="10" />
</el-form-item>
</div>
<div>
<el-form-item label="sig">
<el-input v-model="item.sig" placeholder="请输入具体用法" />
</el-form-item>
</div>
<div class="content-option">
<i class="el-icon-plus" @click="addRow('medication')" />
<i class="el-icon-minus" @click="minusRow(index,'medication')" />
</div>
</div>
</el-form-item>
</div>
<!-- 检查模块-->
<el-row class="inspect-content">
<el-col :span="8">
<el-form-item label="辅助检查">
<el-select
v-model="prescribingForm.petSex"
clearable
style="width: 100%"
placeholder="请选择检查"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目">
<el-select
v-model="prescribingForm.petSex"
clearable
style="width: 100%"
placeholder="请选择项目"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div class="inspect-content">
<el-form-item prop="inspect" label="辅助检查">
<div v-for="(item, index) in prescribingForm.inspect" :key="index" class="single-medication">
<div class="single-file">
<el-form-item label="宠物名称:">
<el-select
v-model="item.service"
clearable
style="width: 100%"
placeholder="请选择药品"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</div>
<div class="single-file">
<el-form-item label="项目">
<el-select
v-model="item.project"
clearable
style="width: 100%"
placeholder="请选择药品"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</div>
<div class="content-option">
<i class="el-icon-plus" @click="addRow('inspect')" />
<i class="el-icon-minus" @click="minusRow(index,'inspect')" />
</div>
</div>
</el-form-item>
</div>
<!-- 治疗模块-->
<el-row class="treatment-content">
<el-col :span="8">
<el-form-item label="辅助治疗">
<el-select
v-model="prescribingForm.petSex"
clearable
style="width: 100%"
placeholder="请选择治疗"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div class="treatment-content">
<el-form-item prop="treatment" label="辅助治疗">
<div v-for="(item, index) in prescribingForm.treatment" :key="index" class="single-medication">
<div class="single-file">
<el-form-item label="宠物名称:">
<el-select
v-model="item.cure"
clearable
style="width: 100%"
placeholder="请选择药品"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</div>
<div class="content-option">
<i class="el-icon-plus" @click="addRow('treatment')" />
<i class="el-icon-minus" @click="minusRow(index,'treatment')" />
</div>
</div>
</el-form-item>
</div>
<!-- 住院模块-->
<el-row class="hospital-content">
<el-col :span="8">
......@@ -281,6 +305,7 @@
</template>
<script>
export default {
name: 'PrescribingModle',
// 数据字典
......@@ -296,17 +321,79 @@ export default {
}
},
data() {
var validatePass = (rule, value, callback) => {
console.log('kkkkkkkkkkkkkk', value)
callback(new Error('请输入密码'))
}
return {
prescribingForm: {},
prescribingNo: '1234' // 处方号
prescribingForm: {
medication: [
{ drug: '', num: '', sig: '' }
],
inspect: [
{
service: '',
progject: ''
}
],
treatment: [
{
cure: ''
}
]
},
prescribingNo: '1234', // 处方号
// 表单校验
rules: {
medication: [
{ validator: validatePass, trigger: 'change' }
]
}
}
},
methods: {
submit() {
console.log(123)
this.$refs['prescribingForm'].validate(valid => {
console.log('kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk', valid)
})
},
cancle() {
console.log(123)
},
/** 删除行方法*/
minusRow(index, type) {
// 数据量大于1可以删除
if (this.prescribingForm[type].length > 1) {
this.prescribingForm[type].splice(index, 1)
} else {
this.$message.error(`您不能删除第${index + 1}条数据`)
}
},
/** 添加行方法*/
addRow(type) {
let tempParams = {}
// 根据type值确定初始化数据
switch (type) {
case 'medication': // 药品
tempParams = {
drug: '',
sig: '',
num: ''
}
break
case 'inspect':
tempParams = {
service: '',
progject: ''
}
break
case 'treatment':
tempParams = {
cure: ''
}
break
}
this.prescribingForm[type].push(tempParams) // 添加数据
}
}
......@@ -348,10 +435,70 @@ export default {
.el-textarea{
width: 100% !important;
}
.drug-content, .hospital-content{
.drug-content, .inspect-content, .hospital-content, .treatment-content{
float: left;
width: 100%;
.el-input-number--small{
width: 220px;
}
.single-medication{
position: relative;
display: flex;
.content-option{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
.single-file:first-child{
width: 193.33px;
right: 0;
}
.single-file{
width: 293.33px;
position: relative;
right: -20px;
.el-form-item{
margin-right: 0!important;
}
}
}
}
.inspect-content, .treatment-content{
.single-medication{
.content-option{
position: relative;
left: 35px;
}
}
}
}
}
</style>
<style lang='scss'>
.prescribing-modle{
.el-dialog__body{
padding-left: 40px;
padding-right: 40px;
max-height: 75.5vh;
overflow-y: auto;
}
.drug-content, .inspect-content, .hospital-content, .treatment-content{
.single-medication{
.single-file:first-child{
.el-form-item__label{
width: 0 !important;
display: none;
}
.el-form-item__content{
margin-left: 0 !important;
}
}
.single-file{
.el-form-item{
margin-right: 0!important;
}
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment