Commit dd36f041 authored by v_liuhuaizhi's avatar v_liuhuaizhi

整体走流程前准备

parent 0bef85af
......@@ -174,7 +174,7 @@ export const constantRoutes = [
// 病历详情
{
path: 'medical-detail/:id',
component: () => import('@/views/medical-record-management/medical-detail'),
component: () => import('@/views/medical-record-management/medical-edit'),
name: 'MedicalDetail',
props: true,
meta: {
......
<template>
<div style="background-color: #FFFFFF;">
<!-- 病历管理--宠物详情页-->
<div class="medical-edit">
<!-- 头部标题-->
<div style="padding-top:32px;text-align: center;">
<span
style="font-size: 24px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;
font-weight: bold;
color: #333333;"
>详情</span>
</div>
<!-- 整体卡片内页面的样式--边距-->
<div style="padding: 20px 20px 20px 20px;">
<!--1--宠物头像-->
<div style="display: flex">
<!-- 1-- 宠物基本信息的页面--标签头 -->
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>宠物头像
</div>
</div>
<!-- 内部信息 -->
<div class="base-msg">
<div>
<!--宠物图片-->
<div class="petPicture" style="padding-bottom: 40px;">
<ImagePreview :height="150" :src="baseURL+petInfo.petPicture" :width="150" />
</div>
</div>
</div>
<!--2--基本信息-->
<div style="display: flex;margin-bottom: 20px;">
<!-- 1-- 宠物基本信息的页面--标签头 -->
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>宠物信息
</div>
</div>
<!-- 内部信息 -->
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 宠物基本信息-->
<el-row :gutter="41">
<el-col :span="8">
<el-form-item label="宠物ID" prop="petId">
<el-input v-model="form.petId" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物昵称" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" placeholder="请输入宠物昵称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物品种" prop="petBreed">
<el-select
v-model="form.petBreed"
clearable
disabled
placeholder="请选择宠物品种"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_breed"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物性别" prop="petSex">
<el-select
v-model="form.petSex"
clearable
disabled
placeholder="请选择宠物性别"
style="width: 100%"
>
<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="宠物生日" prop="petBrithday">
<el-date-picker
v-model="form.petBrithday"
clearable
disabled
placeholder="请选择宠物生日"
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物体重" prop="petWeight">
<el-input
v-model="form.petWeight"
disabled
/>kg
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物毛色" prop="petColor">
<el-input v-model="form.petColor" disabled maxlength="20" placeholder="请输入宠物毛色" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绝育情况" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
placeholder="请选择宠物绝育情况"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="疫苗情况" prop="petSex">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
placeholder="请选择宠物绝育情况"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物保险" prop="petInsure">
<el-select
v-model="form.petInsure"
disabled
clearable
placeholder="请选择宠物保险情况"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_insure"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--3--宠主信息-->
<div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>宠主信息
</div>
</div>
<!-- 内部信息 -->
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 宠主基本信息-->
<el-row :gutter="41">
<el-col :span="8">
<el-form-item label="宠主姓名" prop="petId">
<el-input v-model="form.petId" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="创建日期" prop="petBrithday">
<el-date-picker
v-model="form.petBrithday"
disabled
clearable
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员等级" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
placeholder="请选择会员等级"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员卡余额" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="状态" prop="petSex">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
placeholder="请选择状态"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绑定宠物数量" prop="petWeight">
<el-input
v-model="form.petWeight"
disabled
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--4--兽医信息-->
<div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>兽医信息
</div>
</div>
<!-- 内部信息 -->
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 宠主基本信息-->
<el-row :gutter="41">
<el-col :span="8">
<el-form-item label="医生姓名" prop="petId">
<el-input v-model="form.petId" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生ID" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="nickName">
<el-input v-model="form.nickName" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属医院" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属科室" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生职称" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--5--进度信息-->
<schedule-info :schedule-key="scheduleKey" />
<!--6--就诊信息-->
<div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>就诊信息
</div>
</div>
<!-- 内部信息 -->
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 宠主基本信息-->
<el-row :gutter="41">
<el-col :span="8">
<el-form-item label="病历号" prop="petId">
<el-input v-model="form.petId" disabled maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="就诊日期" prop="petBrithday">
<el-date-picker
v-model="form.petBrithday"
clearable
disabled
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="就诊诊位" prop="sterilizationStatus">
<el-select
v-model="form.sterilizationStatus"
disabled
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="主诉" prop="introduction">
<el-input
maxlength="400"
placeholder="请输入医院简介"
show-word-limit
style="width: 93%;"
type="textarea"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="医嘱" prop="introduction">
<el-input
maxlength="400"
placeholder="请输入医院简介"
show-word-limit
style="width: 93%;"
type="textarea"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="诊断结果" prop="introduction">
<el-input
maxlength="400"
placeholder="请输入医院简介"
show-word-limit
style="width: 93%;"
type="textarea"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--7--用药信息-->
<div class="title-content">
<div class="title-left">
<div class="tip-green" />
<div
class="tip-text"
>用药信息
</div>
</div>
<el-button
class="fourWordsBtn"
icon="el-icon-circle-plus-outline"
size="mini"
@click="handleAdd('petProtect')"
>新增用药
</el-button>
</div>
<!-- 内部信息 -->
<div class="table-content">
<el-form ref="drugForm" :model="drugForm" :rules="drugRules" class="demo-ruleForm" label-width="0">
<el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
<el-table-column align="center" label="药品名称" prop="protectName">
<template slot-scope="scope">
<el-form-item
v-if="scope.row.inputShow"
:prop="'tableData.'+scope.$index+'.protectName'"
:rules="drugRules.protectName"
>
<el-select v-model="scope.row.protectName" clearable placeholder="请选择">
<el-option
v-for="(item, index) in drugList"
:key="index"
:label="item.dictLabel"
:value="String(item.dictCode)"
/>
</el-select>
</el-form-item>
<span
v-else
>{{
scope.row.protectName === '' || scope.row.protectName === null ? '-' : scope.row.protectName
}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="规格" prop="type" />
<el-table-column align="center" label="数量" prop="date" />
<el-table-column align="center" label="用法" prop="date" />
<el-table-column align="center" label="开药日期" prop="date" />
<el-table-column align="center" label="缴费状态" prop="date" />
</el-table>
</el-form>
</div>
<!--8--检查信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>检查信息
</div>
</div>
<!-- 内部信息 -->
<div class="table-content">
<el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
<el-table-column align="center" label="检查类型" prop="protectName" />
<el-table-column align="center" label="检查项目" prop="type" />
<el-table-column align="center" label="检查状态" prop="date" />
<el-table-column align="center" label="检查日期" prop="date" />
<el-table-column align="center" label="检查报告" prop="date" />
</el-table>
</div>
<!--9--治疗信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>治疗信息
</div>
</div>
<!-- 内部信息 -->
<div class="table-content">
<el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
<el-table-column align="center" label="治疗项目" prop="protectName" />
<el-table-column align="center" label="治疗类型" prop="type" />
<el-table-column align="center" label="负责人" prop="date" />
<el-table-column align="center" label="治疗诊室" prop="date" />
<el-table-column align="center" label="治疗状态" prop="date" />
<el-table-column align="center" label="治疗日期" prop="date" />
</el-table>
</div>
<!--10--住院信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>住院信息
</div>
</div>
<!-- 内部信息 -->
<div class="table-content">
<el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
<el-table-column align="center" label="入院日期" prop="protectName" />
<el-table-column align="center" label="住院天数" prop="type" />
<el-table-column align="center" label="病情等级" prop="date" />
<el-table-column align="center" label="能否沐浴" prop="date" />
<el-table-column align="center" label="是否出院" prop="date" />
<el-table-column align="center" label="病房号" prop="date" />
</el-table>
</div>
<!--10--费用明细-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>回访信息
</div>
</div>
<!-- 内部信息 -->
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 宠主基本信息-->
<el-row :gutter="41">
<el-row>
<el-col :span="24">
<el-form-item label="回访情况" prop="introduction">
<el-input
maxlength="400"
show-word-limit
style="width: 93%;"
type="textarea"
/>
</el-form-item>
</el-col>
</el-row>
<el-col :span="8">
<el-form-item label="回访日期" prop="petBrithday">
<el-date-picker
v-model="form.petBrithday"
clearable
disabled
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--底部返回按钮-->
<el-button class="resetBtn" icon="el-icon-back" @click="goBack">返 回</el-button>
</div>
</div>
</div>
</template>
<script>
import { parseTime, selectDictLabel } from '@/utils/ruoyi'
// 引入进度信息模组件
import scheduleInfo from '@/views/service-management/registration-queue/components/schedule-info'
export default {
name: 'MedicalEdit',
// 数据字典
dicts: ['pet_sex', 'vaccine_situation', 'exist_state', 'sterilization_status', 'cat_breed', 'dog_breed', 'other_breed'],
components: {
// 引入进度信息模组件
scheduleInfo
},
data() {
return {
// 进度
scheduleKey: {},
editCunt: {
petProtect: 0
},
drugList: [], // 药品列表
map: {},
drugForm: {}, // 用药管理table编辑
drugRules: {},
form: {},
// 排序下拉框
insureList: [
{
label: '全部',
value: '1'
},
{
label: '已购保险',
value: '2'
},
{
label: '未购保险',
value: '3'
}
],
queryParams: {
petBreed: []
},
// 各医院会员卡信息
hosipitalPownersForm: [{}],
// 状态下拉框
statusList: [{
label: '全部',
value: ''
}, {
label: '已启用',
value: '0'
}, {
label: '已禁用',
value: '1'
}],
// 会员等级下拉框
membershipLevelList: [
{
label: '一级会员',
value: '1'
},
{
label: '二级会员',
value: '2'
},
{
label: '三级会员',
value: '3'
},
{
label: '四级会员',
value: '4'
},
{
label: '五级会员',
value: '5'
}
],
// 品种数据字典
options: [{
value: '0',
label: '猫',
children: []
}, {
value: '1',
label: '狗',
children: []
}, {
value: '2',
label: '其它',
children: []
}],
// 图片访问
baseURL: process.env.VUE_APP_TEST_API,
// 宠物信息
petInfo: {
petBreed: '11'
},
// 宠物主信息
petOwners: {
hosipitalPownersForm: {}
},
// 总条数
total: 0,
// 宠物表格数据
petsList: [],
// 保险信息假数据
petProtect: [{
protectName: '人兽保险',
type: '意外保险',
date: '2025/04/18',
inputShow: false
}, {
protectName: '平安保险',
type: '人身保险',
date: '2026/03/25',
inputShow: false
}]
}
},
created() {
},
methods: {
/** 编辑行*/
handleUpdate(index, tableData) {
// 每个表格只有一行可编辑
if (this.editCunt[tableData] === 0) {
this[tableData][index]['inputShow'] = true
this.editCunt[tableData] += 1
} else {
this.$message({
message: '只可同时编辑一行',
info: 'success'
})
}
},
/** 新增行*/
handleAdd(tableName) {
this[tableName].unshift({
protectName: '',
type: '',
date: '',
inputShow: false
})
},
/** 保存行*/
handleSave(formName, listName, index) {
this.$refs[formName].validate((valid) => {
console.log('22222222222', valid, this[formName], this[listName])
if (valid) {
this[listName][index].inputShow = false
this.editCunt[listName] -= 1
}
})
},
parseTime,
selectDictLabel,
/**
* 字典获取完成的回调
*/
onDictReady() {
this.setPetBreed()
},
/**
* 设置宠物品种信息
*/
setPetBreed() {
this.options[0].children = this.dict.type.cat_breed
this.options[1].children = this.dict.type.dog_breed
this.options[2].children = this.dict.type.other_breed
},
/** 返回跳转列表页 */
goBack() {
this.$router.back()
}
}
}
</script>
<style lang="scss" scoped>
//整个页面整体布局
.medical-edit {
// 项目标题
.title-content {
display: flex;
justify-content: space-between;
.title-left {
display: flex;
.tip-text {
padding-left: 13px;
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei, serif;
font-weight: bold;
color: #333333;
}
}
}
//最外层嵌套卡片的样式
.box-card {
margin: 20px 20px 20px 20px;
}
// 宠物图片
.petPicture {
display: inline-block;
width: 150px;
height: 150px;
padding-left: 28px;
}
//头像尺寸
::v-deep .el-card__body {
padding: 0 !important;
//height:150px;
}
//1--基本信息--模块内信息整体样式
.base-msg {
//display: grid !important;
//grid-template-columns: repeat(2, auto);
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
//margin-left: 5%;
//margin-right: 5%;
//基础信息右边的信息样式
.base-inner {
//display: grid !important;
//grid-template-columns: repeat(3, auto);
//与头像左边距
//padding-left: 10%;
}
}
//2--宠物保险--模块内信息整体样式
.table-content {
margin: 35px 1% 20px;
}
//3--主人信息--模块内信息整体样式
.ownerMsg-inner {
color: #666666;
//display: grid !important;
//grid-template-columns: repeat(2, auto);
margin-top: 20px;
margin-bottom: 20px;
//margin-right: 5%;
}
//模块tip样式--绿色
.tip-green {
width: 3px;
height: 24px;
background: #5FB54B;
border-radius: 10px 10px 10px 10px;
}
//模块tip样式--橙色
.tip-orange {
height: 30px;
border-left: 5px solid #fc8135;
}
//模块tip样式--蓝色
.tip-blue {
height: 30px;
border-left: 5px solid #69bdff;
}
//模块tip样式--黄色
.tip-yellow {
height: 30px;
border-left: 5px solid #f3ff00;
}
//所有表格内容选中后的样式-all
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #F6FCF5 !important;
}
}
//宠物性别样式
::v-deep .el-icon-male {
margin-top: 3px;
margin-left: 3px;
}
//详情页label文字样式设置(穿透)
::v-deep .el-form-item__label {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #707070;
}
//详情页表单内容文字样式
.content-style {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #333333;
}
</style>
<style lang="scss">
.medical-edit {
// 表格中输入框样式
.el-table {
.el-form-item {
margin-bottom: 0;
}
}
}
</style>
......@@ -332,7 +332,7 @@ color: #333333;"
<el-row>
<el-col :span="8">
<el-form-item label="病历号">
<span class="content-style">{{ detailInfo.petNickname }}</span>
<el-input v-model="detailInfo.medicalRecordNo" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -357,6 +357,7 @@ color: #333333;"
<el-form-item label="主诉">
<el-input
v-model="detailInfo.mainSuit"
:disabled="!isEdit"
maxlength="400"
placeholder="请输入患者主诉"
type="textarea"
......@@ -367,6 +368,7 @@ color: #333333;"
<el-form-item label="医嘱">
<el-input
v-model="detailInfo.doctorAdvice"
:disabled="!isEdit"
maxlength="200"
placeholder="请输入医嘱"
type="textarea"
......@@ -375,7 +377,12 @@ color: #333333;"
</el-col>
<el-col :span="24">
<el-form-item label="诊断结果">
<el-input v-model="detailInfo.diagnosisResult" maxlength="30" placeholder="请输入诊断结果" />
<el-input
v-model="detailInfo.diagnosisResult"
:disabled="!isEdit"
maxlength="30"
placeholder="请输入诊断结果"
/>
</el-form-item>
</el-col>
</el-row>
......@@ -390,6 +397,7 @@ color: #333333;"
</div>
</div>
<el-button
v-if="isEdit"
class="fourWordsBtn"
icon="el-icon-circle-plus-outline"
size="mini"
......@@ -425,6 +433,7 @@ color: #333333;"
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
<template slot-scope="scope">
<el-button
v-if="!isEdit || (scope.row.payType !== '0' && !scope.row.isAdd)"
v-hasPermi="['business:record:edit']"
icon="el-icon-document"
plain
......@@ -435,6 +444,7 @@ color: #333333;"
>查看
</el-button>
<el-button
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
v-hasPermi="['business:record:edit']"
icon="el-icon-edit"
plain
......@@ -445,6 +455,7 @@ color: #333333;"
>编辑
</el-button>
<el-button
v-if="isEdit && (scope.row.payType === '0'|| scope.row.isAdd ) && scope.row.inputShow"
v-hasPermi="['business:case:save']"
icon="el-icon-edit"
plain
......@@ -455,6 +466,7 @@ color: #333333;"
>保存
</el-button>
<el-button
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
v-hasPermi="['business:record:edit']"
icon="el-icon-document"
plain
......@@ -479,6 +491,7 @@ color: #333333;"
</div>
</div>
<el-button
v-if="isEdit"
class="fourWordsBtn"
icon="el-icon-circle-plus-outline"
size="mini"
......@@ -564,7 +577,7 @@ color: #333333;"
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
<template slot-scope="scope">
<el-button
v-if="scope.row.payType !== '0' && !scope.row.isAdd"
v-if="!isEdit || (scope.row.payType !== '0' && !scope.row.isAdd)"
icon="el-icon-document"
plain
size="mini"
......@@ -574,7 +587,7 @@ color: #333333;"
>查看
</el-button>
<el-button
v-if="scope.row.payType === '0' && !scope.row.inputShow"
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
icon="el-icon-edit"
plain
size="mini"
......@@ -584,7 +597,7 @@ color: #333333;"
>编辑
</el-button>
<el-button
v-if="(scope.row.payType === '0'|| scope.row.isAdd ) && scope.row.inputShow"
v-if="isEdit && (scope.row.payType === '0'|| scope.row.isAdd ) && scope.row.inputShow"
icon="el-icon-edit"
plain
size="mini"
......@@ -594,7 +607,7 @@ color: #333333;"
>保存
</el-button>
<el-button
v-if="scope.row.payType === '0' && !scope.row.inputShow"
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
icon="el-icon-document"
plain
size="mini"
......@@ -618,6 +631,7 @@ color: #333333;"
</div>
</div>
<el-button
v-if="isEdit"
class="fourWordsBtn"
icon="el-icon-circle-plus-outline"
size="mini"
......@@ -680,7 +694,7 @@ color: #333333;"
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
<template slot-scope="scope">
<el-button
v-if="scope.row.payType !== '0' && !scope.row.isAdd"
v-if="!isEdit || (scope.row.payType !== '0' && !scope.row.isAdd)"
icon="el-icon-document"
plain
size="mini"
......@@ -690,7 +704,7 @@ color: #333333;"
>查看
</el-button>
<el-button
v-if="scope.row.payType === '0' && !scope.row.inputShow"
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
icon="el-icon-edit"
plain
size="mini"
......@@ -700,7 +714,7 @@ color: #333333;"
>编辑
</el-button>
<el-button
v-if="(scope.row.payType === '0'|| scope.row.isAdd ) && scope.row.inputShow"
v-if="isEdit && (scope.row.payType === '0'|| scope.row.isAdd ) && scope.row.inputShow"
icon="el-icon-edit"
plain
size="mini"
......@@ -710,7 +724,7 @@ color: #333333;"
>保存
</el-button>
<el-button
v-if="scope.row.payType === '0' && !scope.row.inputShow"
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
icon="el-icon-document"
plain
size="mini"
......@@ -744,6 +758,7 @@ color: #333333;"
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
<template slot-scope="scope">
<el-button
v-if="!isEdit || (scope.row.payType !== '0' && !scope.row.isAdd)"
v-hasPermi="['business:record:edit']"
icon="el-icon-document"
plain
......@@ -754,6 +769,7 @@ color: #333333;"
>查看
</el-button>
<el-button
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
v-hasPermi="['business:record:edit']"
icon="el-icon-edit"
plain
......@@ -764,6 +780,7 @@ color: #333333;"
>编辑
</el-button>
<el-button
v-if="isEdit && scope.row.payType === '0' && !scope.row.inputShow"
v-hasPermi="['business:record:edit']"
icon="el-icon-document"
plain
......@@ -813,7 +830,7 @@ color: #333333;"
<el-input
v-model="detailInfo.followContent"
maxlength="200"
:disabled="!isEdit && detailInfo.followTime"
:disabled="!isEdit || detailInfo.followTime"
placeholder="请输入回访情况"
type="textarea"
/>
......@@ -829,7 +846,7 @@ color: #333333;"
</el-col>
</el-form>
<!--底部返回按钮-->
<el-button class="resetBtn" icon="el-icon-back" @click="submit">提 交</el-button>
<el-button v-if="isEdit" class="resetBtn" icon="el-icon-back" @click="submit">提 交</el-button>
<el-button class="resetBtn" icon="el-icon-back" @click="goBack">返 回</el-button>
</div>
</div>
......
......@@ -295,7 +295,7 @@ export default {
petColor: '',
sterilizationStatus: '',
vaccineSituation: '',
petInsure: '',
insure: '',
// 宠主信息开始
masterPhone: '',
nickName: '',
......@@ -367,7 +367,7 @@ export default {
petColor: '',
sterilizationStatus: '',
vaccineSituation: '',
petInsure: ''
insure: ''
}
Object.assign(this.form, temp)
......@@ -435,7 +435,7 @@ export default {
petColor: petData.petColor,
sterilizationStatus: petData.sterilizationStatus,
vaccineSituation: petData.vaccineSituation,
petInsure: petData.insure,
insure: petData.insure,
nickName: petOwnerBo.nickName,
phoneNumber: petOwnerBo.phoneNumber,
ownersId: petOwnerBo.ownersId,
......
......@@ -390,7 +390,7 @@ color: #333333;"
<el-row>
<el-col :span="8">
<el-form-item label="病历号">
<span class="content-style">{{ detailInfo.petNickname }}</span>
<el-input v-model="detailInfo.medicalRecordNo" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -591,7 +591,8 @@ export default {
baseURL: process.env.VUE_APP_TEST_API,
// 详情信息
detailInfo: {
petOwnerBo: {}
petOwnerBo: {},
medicalRecordNo: '-'
},
// petOwnerBo: {
// phonenumber: '2222'
......
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