|
|
|
|
@ -1,698 +1,283 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="addEdit-block">
|
|
|
|
|
<el-form
|
|
|
|
|
class="detail-form-content"
|
|
|
|
|
ref="ruleForm"
|
|
|
|
|
:model="ruleForm"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
label-width="80px"
|
|
|
|
|
:style="{backgroundColor:addEditForm.addEditBoxColor}">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng'">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="医生" prop="yishengId">
|
|
|
|
|
<el-select v-model="ruleForm.yishengId" :disabled="ro.yishengId" filterable placeholder="请选择医生" @change="yishengChange">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in yishengOptions"
|
|
|
|
|
v-bind:key="item.id"
|
|
|
|
|
:label="item.yishengName"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<div class="addEdit-block">
|
|
|
|
|
<!-- 使用 Element UI 的表单组件，绑定表单数据和验证规则 -->
|
|
|
|
|
<el-form
|
|
|
|
|
class="detail-form-content"
|
|
|
|
|
ref="ruleForm"
|
|
|
|
|
:model="ruleForm"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
label-width="80px"
|
|
|
|
|
:style="{backgroundColor:addEditForm.addEditBoxColor}">
|
|
|
|
|
<!-- 使用 Element UI 的行组件 -->
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- 当 sessionTable 不是 'yisheng' 时显示该列 -->
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng'">
|
|
|
|
|
<!-- 当 type 不是 'info' 时显示该表单域，用于选择医生 -->
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="医生" prop="yishengId">
|
|
|
|
|
<el-select v-model="ruleForm.yishengId" :disabled="ro.yishengId" filterable placeholder="请选择医生" @change="yishengChange">
|
|
|
|
|
<!-- 循环渲染医生选项 -->
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in yishengOptions"
|
|
|
|
|
v-bind:key="item.id"
|
|
|
|
|
:label="item.yishengName"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="医生工号" prop="yishengUuidNumber">
|
|
|
|
|
<el-input v-model="yishengForm.yishengUuidNumber"
|
|
|
|
|
placeholder="医生工号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="医生工号" prop="yishengUuidNumber">
|
|
|
|
|
<el-input v-model="ruleForm.yishengUuidNumber"
|
|
|
|
|
placeholder="医生工号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="医生名称" prop="yishengName">
|
|
|
|
|
<el-input v-model="yishengForm.yishengName"
|
|
|
|
|
placeholder="医生名称" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="医生名称" prop="yishengName">
|
|
|
|
|
<el-input v-model="ruleForm.yishengName"
|
|
|
|
|
placeholder="医生名称" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="科室" prop="yishengValue">
|
|
|
|
|
<el-input v-model="yishengForm.yishengValue"
|
|
|
|
|
placeholder="科室" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="科室" prop="yishengValue">
|
|
|
|
|
<el-input v-model="ruleForm.yishengValue"
|
|
|
|
|
placeholder="科室" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="职位" prop="zhiweiValue">
|
|
|
|
|
<el-input v-model="yishengForm.zhiweiValue"
|
|
|
|
|
placeholder="职位" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="职位" prop="zhiweiValue">
|
|
|
|
|
<el-input v-model="ruleForm.zhiweiValue"
|
|
|
|
|
placeholder="职位" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="职称" prop="yishengZhichneg">
|
|
|
|
|
<el-input v-model="yishengForm.yishengZhichneg"
|
|
|
|
|
placeholder="职称" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="职称" prop="yishengZhichneg">
|
|
|
|
|
<el-input v-model="ruleForm.yishengZhichneg"
|
|
|
|
|
placeholder="职称" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="upload" v-if="type!='info' && !ro.yishengPhoto" label="医生头像" prop="yishengPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yishengForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item v-if="ruleForm.yishengPhoto" label="医生头像" prop="yishengPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="联系方式" prop="yishengPhone">
|
|
|
|
|
<el-input v-model="yishengForm.yishengPhone"
|
|
|
|
|
placeholder="联系方式" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="联系方式" prop="yishengPhone">
|
|
|
|
|
<el-input v-model="ruleForm.yishengPhone"
|
|
|
|
|
placeholder="联系方式" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="挂号须知" prop="yishengGuahao">
|
|
|
|
|
<el-input v-model="yishengForm.yishengGuahao"
|
|
|
|
|
placeholder="挂号须知" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="挂号须知" prop="yishengGuahao">
|
|
|
|
|
<el-input v-model="ruleForm.yishengGuahao"
|
|
|
|
|
placeholder="挂号须知" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="邮箱" prop="yishengEmail">
|
|
|
|
|
<el-input v-model="yishengForm.yishengEmail"
|
|
|
|
|
placeholder="邮箱" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="邮箱" prop="yishengEmail">
|
|
|
|
|
<el-input v-model="ruleForm.yishengEmail"
|
|
|
|
|
placeholder="邮箱" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yonghu'">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="用户" prop="yonghuId">
|
|
|
|
|
<el-select v-model="ruleForm.yonghuId" :disabled="ro.yonghuId" filterable placeholder="请选择用户" @change="yonghuChange">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in yonghuOptions"
|
|
|
|
|
v-bind:key="item.id"
|
|
|
|
|
:label="item.yonghuName"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户姓名" prop="yonghuName">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuName"
|
|
|
|
|
placeholder="用户姓名" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户姓名" prop="yonghuName">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuName"
|
|
|
|
|
placeholder="用户姓名" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="sessionTable !='yonghu' ">
|
|
|
|
|
<el-form-item class="upload" v-if="type!='info' && !ro.yonghuPhoto" label="头像" prop="yonghuPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yonghuForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item v-if="ruleForm.yonghuPhoto" label="头像" prop="yonghuPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户手机号" prop="yonghuPhone">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuPhone"
|
|
|
|
|
placeholder="用户手机号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户手机号" prop="yonghuPhone">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuPhone"
|
|
|
|
|
placeholder="用户手机号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户身份证号" prop="yonghuIdNumber">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuIdNumber"
|
|
|
|
|
placeholder="用户身份证号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户身份证号" prop="yonghuIdNumber">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuIdNumber"
|
|
|
|
|
placeholder="用户身份证号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable !='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="邮箱" prop="yonghuEmail">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuEmail"
|
|
|
|
|
placeholder="邮箱" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="邮箱" prop="yonghuEmail">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuEmail"
|
|
|
|
|
placeholder="邮箱" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<input id="updateId" name="id" type="hidden">
|
|
|
|
|
<input id="yishengId" name="yishengId" type="hidden">
|
|
|
|
|
<input id="yonghuId" name="yonghuId" type="hidden">
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="就诊识别码" prop="guahaoUuinNumber">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoUuinNumber"
|
|
|
|
|
placeholder="就诊识别码" clearable :readonly="ro.guahaoUuinNumber"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="就诊识别码" prop="guahaoUuinNumber">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoUuinNumber"
|
|
|
|
|
placeholder="就诊识别码" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item v-if="type!='info'" class="input" label="挂号时间" prop="guahaoTime">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
v-model="ruleForm.guahaoTime"
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="挂号时间"
|
|
|
|
|
:disabled="ro.guahaoTime">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item v-if="ruleForm.guahaoTime" label="挂号时间" prop="guahaoTime">
|
|
|
|
|
<span v-html="ruleForm.guahaoTime"></span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="时间类型" prop="guahaoTypes">
|
|
|
|
|
<el-select v-model="ruleForm.guahaoTypes" :disabled="ro.guahaoTypes" placeholder="请选择时间类型">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in guahaoTypesOptions"
|
|
|
|
|
v-bind:key="item.codeIndex"
|
|
|
|
|
:label="item.indexName"
|
|
|
|
|
:value="item.codeIndex">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="时间类型" prop="guahaoValue">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoValue"
|
|
|
|
|
placeholder="时间类型" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="挂号状态" prop="guahaoStatusTypes">
|
|
|
|
|
<el-select v-model="ruleForm.guahaoStatusTypes" :disabled="ro.guahaoStatusTypes" placeholder="请选择挂号状态">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in guahaoStatusTypesOptions"
|
|
|
|
|
v-bind:key="item.codeIndex"
|
|
|
|
|
:label="item.indexName"
|
|
|
|
|
:value="item.codeIndex">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="挂号状态" prop="guahaoStatusValue">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoStatusValue"
|
|
|
|
|
placeholder="挂号状态" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-form-item class="btn">
|
|
|
|
|
<el-button v-if="type!='info'" type="primary" class="btn-success" @click="onSubmit">提交</el-button>
|
|
|
|
|
<el-button v-if="type!='info'" class="btn-close" @click="back()">取消</el-button>
|
|
|
|
|
<el-button v-if="type=='info'" class="btn-close" @click="back()">返回</el-button>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<!-- 当 type 不是 'info' 时显示该表单域，用于显示医生工号（只读） -->
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="医生工号" prop="yishengUuidNumber">
|
|
|
|
|
<el-input v-model="yishengForm.yishengUuidNumber"
|
|
|
|
|
placeholder="医生工号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 当 type 是 'info' 时显示该表单域，用于显示医生工号（只读） -->
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="医生工号" prop="yishengUuidNumber">
|
|
|
|
|
<el-input v-model="ruleForm.yishengUuidNumber"
|
|
|
|
|
placeholder="医生工号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import styleJs from "../../../utils/style.js";
|
|
|
|
|
// 数字，邮件，手机，url，身份证校验
|
|
|
|
|
import { isNumber,isIntNumer,isEmail,isPhone, isMobile,isURL,checkIdCard } from "@/utils/validate";
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
addEditForm:null,
|
|
|
|
|
id: '',
|
|
|
|
|
type: '',
|
|
|
|
|
sessionTable : "",//登录账户所在表名
|
|
|
|
|
role : "",//权限
|
|
|
|
|
userId:"",//当前登录人的id
|
|
|
|
|
yishengForm: {},
|
|
|
|
|
yonghuForm: {},
|
|
|
|
|
ro:{
|
|
|
|
|
yishengId: false,
|
|
|
|
|
yonghuId: false,
|
|
|
|
|
guahaoUuinNumber: false,
|
|
|
|
|
guahaoTime: false,
|
|
|
|
|
guahaoTypes: false,
|
|
|
|
|
guahaoStatusTypes: false,
|
|
|
|
|
guahaoYesnoTypes: false,
|
|
|
|
|
guahaoYesnoText: false,
|
|
|
|
|
},
|
|
|
|
|
ruleForm: {
|
|
|
|
|
yishengId: '',
|
|
|
|
|
yonghuId: '',
|
|
|
|
|
guahaoUuinNumber: '',
|
|
|
|
|
guahaoTime: '',
|
|
|
|
|
guahaoTypes: '',
|
|
|
|
|
guahaoStatusTypes: '',
|
|
|
|
|
guahaoYesnoTypes: '',
|
|
|
|
|
guahaoYesnoText: '',
|
|
|
|
|
},
|
|
|
|
|
guahaoTypesOptions : [],
|
|
|
|
|
guahaoStatusTypesOptions : [],
|
|
|
|
|
guahaoYesnoTypesOptions : [],
|
|
|
|
|
yishengOptions : [],
|
|
|
|
|
yonghuOptions : [],
|
|
|
|
|
rules: {
|
|
|
|
|
yishengId: [
|
|
|
|
|
{ required: true, message: '医生不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
yonghuId: [
|
|
|
|
|
{ required: true, message: '用户不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
guahaoUuinNumber: [
|
|
|
|
|
{ required: true, message: '就诊识别码不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
guahaoTime: [
|
|
|
|
|
{ required: true, message: '挂号时间不能为空', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
guahaoTypes: [
|
|
|
|
|
{ required: true, message: '时间类型不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
guahaoStatusTypes: [
|
|
|
|
|
{ required: true, message: '挂号状态不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
guahaoYesnoTypes: [
|
|
|
|
|
{ required: true, message: '挂号审核不能为空', trigger: 'blur' },
|
|
|
|
|
{ pattern: /^[1-9][0-9]*$/,
|
|
|
|
|
message: '只允许输入整数',
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
guahaoYesnoText: [
|
|
|
|
|
{ required: true, message: '审核结果不能为空', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
props: ["parent"],
|
|
|
|
|
computed: {
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
//获取当前登录用户的信息
|
|
|
|
|
this.sessionTable = this.$storage.get("sessionTable");
|
|
|
|
|
this.role = this.$storage.get("role");
|
|
|
|
|
this.userId = this.$storage.get("userId");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (this.role != "管理员"){
|
|
|
|
|
}
|
|
|
|
|
this.addEditForm = styleJs.addStyle();
|
|
|
|
|
this.addEditStyleChange()
|
|
|
|
|
this.addEditUploadStyleChange()
|
|
|
|
|
//获取下拉框信息
|
|
|
|
|
this.$http({
|
|
|
|
|
url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_types`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.guahaoTypesOptions = data.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.$http({
|
|
|
|
|
url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_status_types`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.guahaoStatusTypesOptions = data.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.$http({
|
|
|
|
|
url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=guahao_yesno_types`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.guahaoYesnoTypesOptions = data.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.$http({
|
|
|
|
|
url: `yisheng/page?page=1&limit=100`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.yishengOptions = data.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.$http({
|
|
|
|
|
url: `yonghu/page?page=1&limit=100`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.yonghuOptions = data.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 下载
|
|
|
|
|
download(file){
|
|
|
|
|
window.open(`${file}`)
|
|
|
|
|
},
|
|
|
|
|
// 初始化
|
|
|
|
|
init(id,type) {
|
|
|
|
|
if (id) {
|
|
|
|
|
this.id = id;
|
|
|
|
|
this.type = type;
|
|
|
|
|
}
|
|
|
|
|
if(this.type=='info'||this.type=='else'){
|
|
|
|
|
this.info(id);
|
|
|
|
|
}
|
|
|
|
|
// 获取用户信息
|
|
|
|
|
this.$http({
|
|
|
|
|
url:`${this.$storage.get("sessionTable")}/session`,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
var json = data.data;
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
yishengChange(id){
|
|
|
|
|
this.$http({
|
|
|
|
|
url: `yisheng/info/`+id,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.yishengForm = data.data;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
yonghuChange(id){
|
|
|
|
|
this.$http({
|
|
|
|
|
url: `yonghu/info/`+id,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.yonghuForm = data.data;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 多级联动参数
|
|
|
|
|
info(id) {
|
|
|
|
|
let _this =this;
|
|
|
|
|
_this.$http({
|
|
|
|
|
url: `guahao/info/${id}`,
|
|
|
|
|
method: 'get'
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
_this.ruleForm = data.data;
|
|
|
|
|
_this.yishengChange(data.data.yishengId)
|
|
|
|
|
_this.yonghuChange(data.data.yonghuId)
|
|
|
|
|
} else {
|
|
|
|
|
_this.$message.error(data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 提交
|
|
|
|
|
onSubmit() {
|
|
|
|
|
this.$refs["ruleForm"].validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.$http({
|
|
|
|
|
url:`guahao/${!this.ruleForm.id ? "save" : "update"}`,
|
|
|
|
|
method: "post",
|
|
|
|
|
data: this.ruleForm
|
|
|
|
|
}).then(({ data }) => {
|
|
|
|
|
if (data && data.code === 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: "操作成功",
|
|
|
|
|
type: "success",
|
|
|
|
|
duration: 1500,
|
|
|
|
|
onClose: () => {
|
|
|
|
|
this.parent.showFlag = true;
|
|
|
|
|
this.parent.addOrUpdateFlag = false;
|
|
|
|
|
this.parent.guahaoCrossAddOrUpdateFlag = false;
|
|
|
|
|
this.parent.search();
|
|
|
|
|
this.parent.contentStyleChange();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取uuid
|
|
|
|
|
getUUID () {
|
|
|
|
|
return new Date().getTime();
|
|
|
|
|
},
|
|
|
|
|
// 返回
|
|
|
|
|
back() {
|
|
|
|
|
this.parent.showFlag = true;
|
|
|
|
|
this.parent.addOrUpdateFlag = false;
|
|
|
|
|
this.parent.guahaoCrossAddOrUpdateFlag = false;
|
|
|
|
|
this.parent.contentStyleChange();
|
|
|
|
|
},
|
|
|
|
|
//图片
|
|
|
|
|
|
|
|
|
|
addEditStyleChange() {
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
// input
|
|
|
|
|
document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{
|
|
|
|
|
el.style.height = this.addEditForm.inputHeight
|
|
|
|
|
el.style.color = this.addEditForm.inputFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.inputFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.inputBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.inputBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.inputBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.inputBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.inputBgColor
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{
|
|
|
|
|
el.style.lineHeight = this.addEditForm.inputHeight
|
|
|
|
|
el.style.color = this.addEditForm.inputLableColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.inputLableFontSize
|
|
|
|
|
})
|
|
|
|
|
// select
|
|
|
|
|
document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{
|
|
|
|
|
el.style.height = this.addEditForm.selectHeight
|
|
|
|
|
el.style.color = this.addEditForm.selectFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.selectFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.selectBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.selectBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.selectBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.selectBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.selectBgColor
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{
|
|
|
|
|
el.style.lineHeight = this.addEditForm.selectHeight
|
|
|
|
|
el.style.color = this.addEditForm.selectLableColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.selectLableFontSize
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{
|
|
|
|
|
el.style.color = this.addEditForm.selectIconFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.selectIconFontSize
|
|
|
|
|
})
|
|
|
|
|
// date
|
|
|
|
|
document.querySelectorAll('.addEdit-block .date .el-input__inner').forEach(el=>{
|
|
|
|
|
el.style.height = this.addEditForm.dateHeight
|
|
|
|
|
el.style.color = this.addEditForm.dateFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.dateFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.dateBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.dateBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.dateBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.dateBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.dateBgColor
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .date .el-form-item__label').forEach(el=>{
|
|
|
|
|
el.style.lineHeight = this.addEditForm.dateHeight
|
|
|
|
|
el.style.color = this.addEditForm.dateLableColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.dateLableFontSize
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .date .el-input__icon').forEach(el=>{
|
|
|
|
|
el.style.color = this.addEditForm.dateIconFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.dateIconFontSize
|
|
|
|
|
el.style.lineHeight = this.addEditForm.dateHeight
|
|
|
|
|
})
|
|
|
|
|
// upload
|
|
|
|
|
let iconLineHeight = parseInt(this.addEditForm.uploadHeight) - parseInt(this.addEditForm.uploadBorderWidth) * 2 + 'px'
|
|
|
|
|
document.querySelectorAll('.addEdit-block .upload .el-upload--picture-card').forEach(el=>{
|
|
|
|
|
el.style.width = this.addEditForm.uploadHeight
|
|
|
|
|
el.style.height = this.addEditForm.uploadHeight
|
|
|
|
|
el.style.borderWidth = this.addEditForm.uploadBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.uploadBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.uploadBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.uploadBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.uploadBgColor
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .upload .el-form-item__label').forEach(el=>{
|
|
|
|
|
el.style.lineHeight = this.addEditForm.uploadHeight
|
|
|
|
|
el.style.color = this.addEditForm.uploadLableColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.uploadLableFontSize
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .upload .el-icon-plus').forEach(el=>{
|
|
|
|
|
el.style.color = this.addEditForm.uploadIconFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.uploadIconFontSize
|
|
|
|
|
el.style.lineHeight = iconLineHeight
|
|
|
|
|
el.style.display = 'block'
|
|
|
|
|
})
|
|
|
|
|
// 多文本输入框
|
|
|
|
|
document.querySelectorAll('.addEdit-block .textarea .el-textarea__inner').forEach(el=>{
|
|
|
|
|
el.style.height = this.addEditForm.textareaHeight
|
|
|
|
|
el.style.color = this.addEditForm.textareaFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.textareaFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.textareaBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.textareaBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.textareaBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.textareaBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.textareaBgColor
|
|
|
|
|
})
|
|
|
|
|
document.querySelectorAll('.addEdit-block .textarea .el-form-item__label').forEach(el=>{
|
|
|
|
|
// el.style.lineHeight = this.addEditForm.textareaHeight
|
|
|
|
|
el.style.color = this.addEditForm.textareaLableColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.textareaLableFontSize
|
|
|
|
|
})
|
|
|
|
|
// 保存
|
|
|
|
|
document.querySelectorAll('.addEdit-block .btn .btn-success').forEach(el=>{
|
|
|
|
|
el.style.width = this.addEditForm.btnSaveWidth
|
|
|
|
|
el.style.height = this.addEditForm.btnSaveHeight
|
|
|
|
|
el.style.color = this.addEditForm.btnSaveFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.btnSaveFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.btnSaveBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.btnSaveBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.btnSaveBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.btnSaveBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.btnSaveBgColor
|
|
|
|
|
})
|
|
|
|
|
// 返回
|
|
|
|
|
document.querySelectorAll('.addEdit-block .btn .btn-close').forEach(el=>{
|
|
|
|
|
el.style.width = this.addEditForm.btnCancelWidth
|
|
|
|
|
el.style.height = this.addEditForm.btnCancelHeight
|
|
|
|
|
el.style.color = this.addEditForm.btnCancelFontColor
|
|
|
|
|
el.style.fontSize = this.addEditForm.btnCancelFontSize
|
|
|
|
|
el.style.borderWidth = this.addEditForm.btnCancelBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.btnCancelBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.btnCancelBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.btnCancelBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.btnCancelBgColor
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
addEditUploadStyleChange() {
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
document.querySelectorAll('.addEdit-block .upload .el-upload-list--picture-card .el-upload-list__item').forEach(el=>{
|
|
|
|
|
el.style.width = this.addEditForm.uploadHeight
|
|
|
|
|
el.style.height = this.addEditForm.uploadHeight
|
|
|
|
|
el.style.borderWidth = this.addEditForm.uploadBorderWidth
|
|
|
|
|
el.style.borderStyle = this.addEditForm.uploadBorderStyle
|
|
|
|
|
el.style.borderColor = this.addEditForm.uploadBorderColor
|
|
|
|
|
el.style.borderRadius = this.addEditForm.uploadBorderRadius
|
|
|
|
|
el.style.backgroundColor = this.addEditForm.uploadBgColor
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.editor{
|
|
|
|
|
height: 500px;
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- 以下类似结构的代码块，根据不同条件显示和处理不同的表单域，用于显示和编辑医生的相关信息 -->
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="医生名称" prop="yishengName">
|
|
|
|
|
<el-input v-model="yishengForm.yishengName"
|
|
|
|
|
placeholder="医生名称" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="医生名称" prop="yishengName">
|
|
|
|
|
<el-input v-model="ruleForm.yishengName"
|
|
|
|
|
placeholder="医生名称" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="科室" prop="yishengValue">
|
|
|
|
|
<el-input v-model="yishengForm.yishengValue"
|
|
|
|
|
placeholder="科室" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="科室" prop="yishengValue">
|
|
|
|
|
<el-input v-model="ruleForm.yishengValue"
|
|
|
|
|
placeholder="科室" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="职位" prop="zhiweiValue">
|
|
|
|
|
<el-input v-model="yishengForm.zhiweiValue"
|
|
|
|
|
placeholder="职位" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="职位" prop="zhiweiValue">
|
|
|
|
|
<el-input v-model="ruleForm.zhiweiValue"
|
|
|
|
|
placeholder="职位" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="职称" prop="yishengZhichneg">
|
|
|
|
|
<el-input v-model="yishengForm.yishengZhichneg"
|
|
|
|
|
placeholder="职称" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="职称" prop="yishengZhichneg">
|
|
|
|
|
<el-input v-model="ruleForm.yishengZhichneg"
|
|
|
|
|
placeholder="职称" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<!-- 当 type 不是 'info' 且 ro.yishengPhoto 为 false 时显示该表单域，用于上传医生头像 -->
|
|
|
|
|
<el-form-item class="upload" v-if="type!='info' &&!ro.yishengPhoto" label="医生头像" prop="yishengPhoto">
|
|
|
|
|
<!-- 循环显示已上传的头像图片 -->
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yishengForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<!-- 当 type 是 'info' 且 ruleForm.yishengPhoto 存在时显示该表单域，用于显示医生头像 -->
|
|
|
|
|
<el-form-item v-if="ruleForm.yishengPhoto" label="医生头像" prop="yishengPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yishengPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="联系方式" prop="yishengPhone">
|
|
|
|
|
<el-input v-model="yishengForm.yishengPhone"
|
|
|
|
|
placeholder="联系方式" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="联系方式" prop="yishengPhone">
|
|
|
|
|
<el-input v-model="ruleForm.yishengPhone"
|
|
|
|
|
placeholder="联系方式" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="挂号须知" prop="yishengGuahao">
|
|
|
|
|
<el-input v-model="yishengForm.yishengGuahao"
|
|
|
|
|
placeholder="挂号须知" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="挂号须知" prop="yishengGuahao">
|
|
|
|
|
<el-input v-model="ruleForm.yishengGuahao"
|
|
|
|
|
placeholder="挂号须知" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yisheng' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="邮箱" prop="yishengEmail">
|
|
|
|
|
<el-input v-model="yishengForm.yishengEmail"
|
|
|
|
|
placeholder="邮箱" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="邮箱" prop="yishengEmail">
|
|
|
|
|
<el-input v-model="ruleForm.yishengEmail"
|
|
|
|
|
placeholder="邮箱" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yonghu'">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="用户" prop="yonghuId">
|
|
|
|
|
<el-select v-model="ruleForm.yonghuId" :disabled="ro.yonghuId" filterable placeholder="请选择用户" @change="yonghuChange">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in yonghuOptions"
|
|
|
|
|
v-bind:key="item.id"
|
|
|
|
|
:label="item.yonghuName"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
& /deep/ .ql-container {
|
|
|
|
|
height: 310px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.amap-wrapper {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 500px;
|
|
|
|
|
}
|
|
|
|
|
.search-box {
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
.addEdit-block {
|
|
|
|
|
margin: -10px;
|
|
|
|
|
}
|
|
|
|
|
.detail-form-content {
|
|
|
|
|
padding: 12px;
|
|
|
|
|
}
|
|
|
|
|
.btn .el-button {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}</style>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户姓名" prop="yonghuName">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuName"
|
|
|
|
|
placeholder="用户姓名" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户姓名" prop="yonghuName">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuName"
|
|
|
|
|
placeholder="用户姓名" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="sessionTable!='yonghu' ">
|
|
|
|
|
<el-form-item class="upload" v-if="type!='info' && !ro.yonghuPhoto" label="头像" prop="yonghuPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (yonghuForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item v-if="ruleForm.yonghuPhoto" label="头像" prop="yonghuPhoto">
|
|
|
|
|
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in (ruleForm.yonghuPhoto || '').split(',')" :src="item" width="100" height="100">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户手机号" prop="yonghuPhone">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuPhone"
|
|
|
|
|
placeholder="用户手机号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户手机号" prop="yonghuPhone">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuPhone"
|
|
|
|
|
placeholder="用户手机号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="用户身份证号" prop="yonghuIdNumber">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuIdNumber"
|
|
|
|
|
placeholder="用户身份证号" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="用户身份证号" prop="yonghuIdNumber">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuIdNumber"
|
|
|
|
|
placeholder="用户身份证号" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="sessionTable!='yonghu' ">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="邮箱" prop="yonghuEmail">
|
|
|
|
|
<el-input v-model="yonghuForm.yonghuEmail"
|
|
|
|
|
placeholder="邮箱" clearable readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="邮箱" prop="yonghuEmail">
|
|
|
|
|
<el-input v-model="ruleForm.yonghuEmail"
|
|
|
|
|
placeholder="邮箱" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- 隐藏输入框，用于存储相关 ID -->
|
|
|
|
|
<input id="updateId" name="id" type="hidden">
|
|
|
|
|
<input id="yishengId" name="yishengId" type="hidden">
|
|
|
|
|
<input id="yonghuId" name="yonghuId" type="hidden">
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="input" v-if="type!='info'" label="就诊识别码" prop="guahaoUuinNumber">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoUuinNumber"
|
|
|
|
|
placeholder="就诊识别码" clearable :readonly="ro.guahaoUuinNumber"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="就诊识别码" prop="guahaoUuinNumber">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoUuinNumber"
|
|
|
|
|
placeholder="就诊识别码" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item v-if="type!='info'" class="input" label="挂号时间" prop="guahaoTime">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
v-model="ruleForm.guahaoTime"
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="挂号时间"
|
|
|
|
|
:disabled="ro.guahaoTime">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item v-if="ruleForm.guahaoTime" label="挂号时间" prop="guahaoTime">
|
|
|
|
|
<span v-html="ruleForm.guahaoTime"></span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="时间类型" prop="guahaoTypes">
|
|
|
|
|
<el-select v-model="ruleForm.guahaoTypes" :disabled="ro.guahaoTypes" placeholder="请选择时间类型">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in guahaoTypesOptions"
|
|
|
|
|
v-bind:key="item.codeIndex"
|
|
|
|
|
:label="item.indexName"
|
|
|
|
|
:value="item.codeIndex">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="时间类型" prop="guahaoValue">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoValue"
|
|
|
|
|
placeholder="时间类型" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item class="select" v-if="type!='info'" label="挂号状态" prop="guahaoStatusTypes">
|
|
|
|
|
<el-select v-model="ruleForm.guahaoStatusTypes" :disabled="ro.guahaoStatusTypes" placeholder="请选择挂号状态">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item,index) in guahaoStatusTypesOptions"
|
|
|
|
|
v-bind:key="item.codeIndex"
|
|
|
|
|
:label="item.indexName"
|
|
|
|
|
:value="item.codeIndex">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-form-item class="input" label="挂号状态" prop="guahaoStatusValue">
|
|
|
|
|
<el-input v-model="ruleForm.guahaoStatusValue"
|
|
|
|
|
placeholder="挂号状态" readonly></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-form-item class="btn">
|
|
|
|
|
<!-- 当 type 不是 'info
|
