zy-wechat/pages/patientInformationInfo/patientInformationInfo.vue

<template>
	<view class="patientInformationInfo" v-if="Object.keys(infoDATA).length > 0">
		<view class="page_head">
			<view class="title">{{ infoDATA.patientName }}<text class="patientCode">{{ infoDATA.residenceNo }}({{ infoDATA.bedNum }})</text></view>
		</view>
		<view class="page_tab">
		  <view class="page_tab_bar" :class="{ active: item.label === selectedLabelSlots }" v-for="item in tabs"
		    :key="item.value" @click.prevent="clickHandler(item.label)">
		    {{ item.label }}
		  </view>
		</view>
		<view v-if="selectedLabelSlots=='患者信息'" class="box1">
			<view class="item">
				<view class="title">护理等级：<text class="value">{{infoDATA.careLevel ? infoDATA.careLevel.name :''}}</text></view>
				<view class="title">病情级别：<text class="value">{{infoDATA.illnessState ? infoDATA.illnessState.name :''}}</text></view>
			</view>
			<view class="item">
				<view class="title">患者类型：<text class="value">{{infoDATA.department ? infoDATA.department.dept : ''}} {{infoDATA.bedNum?infoDATA.bedNum:''}} <text v-if="infoDATA.bedNum&&infoDATA.bedNum">床</text></text></view>
			</view>
			<view class="item">
				<view class="title">联系电话：
				<uni-icons v-if="infoDATA.patientPhone" type="phone-filled" color="#49b856" size="22" class="icon" @click="makePhoneCall(infoDATA.patientPhone)"></uni-icons><text class="value" @click="makePhoneCall(infoDATA.patientPhone)">{{infoDATA.patientPhone}}</text>
				<uni-icons type="compose" color="#49b856" size="22" class="icon" @click="editPhone(infoDATA.patientPhone)"></uni-icons></view>
			</view>
			<view class="item">
				<view class="title">年龄： <text class="value">{{infoDATA.age?infoDATA.age:''}}</text></view>
				<view class="title">性别： <text class="value">{{infoDATA.gender ? infoDATA.gender.name : ''}}</text></view>
			</view>
			<view class="item">
				<view class="title">陪检方式： <text class="value">{{infoDATA.tripTypeDTO ? infoDATA.tripTypeDTO.inspectMode : ''}}</text></view>
			</view>
			<view class="item">
				<view class="title">注意事项： <text class="value">{{infoDATA.remark}}</text></view>
			</view>
		</view>
		<view v-if="selectedLabelSlots=='待检查'" class="box2">
			<scroll-view v-if="!isEmpty" scroll-y class="scrollContent">
			  <view class="page_item" v-for="(inspects, key, index) in infoDATA.inspectListMap" :key="key">
			    <view class="splitLine">
			      <view class="splitLineFlex">
			        <view class="splitLineBox"></view>
			      </view>
			      <view>{{key}}</view>
			      <view class="splitLineFlex">
			        <view class="splitLineBox"></view>
			      </view>
			    </view>
			    <checkbox-group @change="checkboxChange($event, key)">
			      <view class="page_item_info" :class="{mt0: i === 0}" v-for="(item, i) in inspects" :key="item.id">
			        <label class="page_item_info_title" style="display: inline-block;width: 100%;">
			          <checkbox color="#49B856" :value="item.id + ''" :checked="item.checked" />
			          检查项目：<text class="bold">{{ item.inspectName }}-{{item.inspectCode}}</text></label>
			        <view class="page_item_info_title"><text :class="{red: !item.execDept}">检查科室：</text><text>{{ item.execDept ? item.execDept.dept : "" }}<text class="newicon newicon-weibiaoti2010104 fz28" @click="changeExecDept(item)" v-if="item.inspectState.value == 1 || item.inspectState.value == 30"></text></text></view>
			        <view class="page_item_info_title btn row">
			          <view><text :class="{red: !item.yyTime}">预约时间：</text><text>{{ item.yyEndTime }}</text><text v-if="item.reservationNumber">（{{ item.reservationNumber }}）</text><text class="newicon newicon-weibiaoti2010104" @click="changeYyTime(item)" v-if="item.inspectState.value == 1 || item.inspectState.value == 30"></text></view>
			        </view>
			        <view class="page_item_info_title row">
			          <text>医生备注：{{ item.remark }}</text>
			        </view>
			        <view class="page_item_info_title row">
			          <view>是否紧急：<text :class="{red:item.priority===1||item.priority==='1'}">{{ (item.priority===1||item.priority==='1')?'是':'否' }}</text></view>
			          <view>状态：<text v-if="item.inspectState">{{ item.inspectState.name }}</text></view>
			        </view>
			        <view class="buildOrder" @click="build(item)" v-if="!item.gdId&&(item.inspectState.value==1||item.inspectState.value==30)">建单</view>
			      </view>
			    </checkbox-group>
			  </view>
			</scroll-view>
			<view v-if="isEmpty" class="zwsj">
				<image class="zwsj-img" mode="widthFix" src="../../static/img/zanwushuju.png"></image>
				<view class="zwsj-txt">暂无检查信息</view>
			</view>
			<view class="page_item_btns">
			  <view class="page_item_btn" hover-class="seimin-btn-hover" @click="buildOrders()">批量陪检</view>
			  <view class="toolbar" @click="Scanning()">
			    <text class="toolbar-icon newicon newicon-saoma"></text>
			    <text class="toolbar-sao">扫一扫</text>
			  </view>
			</view>
		</view>
		
		<view v-if="selectedLabelSlots=='已建单'" class="box3">
			<scroll-view v-if="infoDATA.orderedInspectList" scroll-y class="scrollContent">
			  <view class="page_item">
			    <view class="page_item_info" :class="{mt0: i === 0}" v-for="(item, i) in infoDATA.orderedInspectList" :key="item.id">
			        检查项目：<text class="bold">{{ item.inspectName }}-{{item.inspectCode}}</text></label>
			      <view class="page_item_info_title"><text :class="{red: !item.execDept}">检查科室：</text><text>{{ item.execDept ? item.execDept.dept : "" }}</text></view>
			      <view class="page_item_info_title btn row">
			        <view><text :class="{red: !item.yyTime}">预约时间：</text><text>{{ item.yyEndTime }}</text><text v-if="item.reservationNumber">（{{ item.reservationNumber }}）</text></view>
			      </view>
						<view class="page_item_info_title btn row">
						  <text>工单号：{{item.workOrderDTO.gdcode}}</text>
						</view>
						<view class="page_item_info_title btn row">
						  <text>工单状态：{{item.workOrderDTO.gdState?item.workOrderDTO.gdState.name:''}}</text>
						</view>
			      <view class="page_item_info_title row">
			        <text>医生备注：{{ item.remark }}</text>
			      </view>
			      <view class="page_item_info_title row">
			        <view>是否紧急：<text :class="{red:item.priority===1||item.priority==='1'}">{{ (item.priority===1||item.priority==='1')?'是':'否' }}</text></view>
			        <view>状态：<text v-if="item.inspectState">{{ item.inspectState.name }}</text></view>
			      </view>
						<view class="btn-opt">
							<view class="buildOrder" @click="operation(item, 1)" v-if="item.workOrderDTO.gdState.value==2">接单</view>
							<view class="buildOrder" @click="operation(item, 2)" v-if="item.workOrderDTO.gdState.value==11">立即执行并接单</view>
						</view>
					</view>
			  </view>
			</scroll-view>
			<view v-else class="zwsj">
				<image class="zwsj-img" mode="widthFix" src="../../static/img/zanwushuju.png"></image>
				<view class="zwsj-txt">暂无检查信息</view>
			</view>
<!-- 			<view class="page_item_btns">
			  <view class="page_item_btn" hover-class="seimin-btn-hover" @click="buildOrders()">批量陪检</view>
			  <view class="toolbar" @click="Scanning()">
			    <text class="toolbar-icon newicon newicon-saoma"></text>
			    <text class="toolbar-sao">扫一扫</text>
			  </view>
			</view> -->
		</view>
    <!-- 弹窗 -->
    <showModel :checkBoxText="models.checkBoxText" :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
      @ok="ok" @cancel="cancel" @know="know" :operate="models.operate"></showModel>
    <!-- 弹窗 -->
    <inspectRemoveModel :title="models1.title" :icon="models1.icon" :disjunctor="models1.disjunctor" :content="models1.content" @know="know1" :operate="models1.operate" @ok="ok1" @cancel="cancel1" :yy="currentInspect.yyTime" :currentInspect="currentInspect" :yytimeGapMinute="configObj.yytimeGapMinute"></inspectRemoveModel>
    <!-- 弹窗 -->
    <inspectExecDeptModel :title="models2.title" :icon="models2.icon" :disjunctor="models2.disjunctor" :content="models2.content" @know="know2" :operate="models2.operate" @ok="ok2" @cancel="cancel2" :execDeptList="currentInspect.inspectCheckType && currentInspect.inspectCheckType.deptList" :execDeptId="currentInspect.execDeptId"></inspectExecDeptModel>
		<!-- 修改电话 -->
		<uni-popup ref="inputDialog" type="dialog">
			<uni-popup-dialog ref="inputClose"  mode="input" title="请填写电话" :value="phone"
				placeholder="请输入联系电话" @confirm="dialogInputConfirm"></uni-popup-dialog>
		</uni-popup>
		<!-- 接单操作 -->
		<uni-popup ref="alertDialog" type="dialog">
			<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" :content="content" @confirm="dialogConfirm"
				@close="dialogClose"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>
<script>
	import {
		get,
		post,
		SM,
		webHandle
	} from "../../http/http.js";
	import dayjs from 'dayjs';
	export default {
		data() {
			return {
				tabs:[
					{
						label: "患者信息", //tab页名称
						value: "", //值
					},
					{
						label: "待检查", //tab页名称
						value: "2", //值
					},
					{
						label: "已建单", //tab页名称
						value: "3", //值
					},
				],
				selectedLabelSlots: '待检查',
        currentInspect: {},
        SMFlag: true,
        isEmpty: true,
				options: {},
				infoDATA: {},
				// 弹窗model1
				models1: {
				  disjunctor: false,
				},
        // 弹窗model1
        models2: {
          disjunctor: false,
        },
        // 建单的对象
        jdItem: [],
        // 弹窗model
        models: {
          disjunctor: false,
        },
				configObj: null,
				hosId: uni.getStorageSync("userData").user.currentHospital.id,
				phone: null ,//联系电话
				content: null,
				optType: null,
				itemData: null
			};
		},
		methods: {
			// 点击tab页切换
			clickHandler(key) {
			  this.selectedLabelSlots = key;
			  if (key === "患者信息") {
			    this.getPatient(0);
			  } else if (key === "待检查") {
			    this.getInfo(this.options.patientCode);
			  } else {
					this.getInfo(this.options.patientCode);
				}
			},
			// 拨打电话
			makePhoneCall(phone){
				uni.makePhoneCall({
					phoneNumber: phone
				})
			},
			// 修改电话
			editPhone(phone){
				this.phone = phone
				this.$refs.inputDialog.open()
			},
			// 确认修改电话
			dialogInputConfirm(e){
				let data = {
					patient: this.infoDATA
				}
				data.patient.patientPhone = e
				uni.showLoading({
				  title: "加载中",
				  mask: true,
				});
				post("/data/addData/patient", data).then((result) => {
				  if (result.status == 200) {
				    uni.hideLoading();
				    uni.showToast({
				      icon: "none",
				      mask: true,
				      title: "修改成功",
				    });
				    this.$refs.inputDialog.close()
						setTimeout(_=>{
							this.getInfo(this.infoDATA.patientCode)
						}, 1500)
				  } else {
				    uni.hideLoading();
				    uni.showToast({
				      icon: "none",
				      title: result.msg,
				    });
				  }
				});
			},
      // 选择楼栋
      checkboxChange: function(e, key) {
        var dataList = this.infoDATA.inspectListMap[key],
            values = e.detail.value;
        for (var i = 0, lenI = dataList.length; i < lenI; ++i) {
          const item = dataList[i]
          if (values.includes(item.id + '')) {
            this.$set(item, 'checked', true)
          } else {
            this.$set(item, 'checked', false)
          }
        }
      },
      // 批量陪检
      buildOrders(){
        let list = Object.values(this.infoDATA.inspectListMap).flat().filter(v => v.checked);
        console.log(list);
        if(list.length){
          // 只要有一个没有检查科室
          let inspectDTO = list.find(v => !v.execDept);
          if(inspectDTO){
            this.models = {
              disjunctor: true,
              title: "提示",
              content: `<span class="red">${inspectDTO.inspectName || ''}</span>没有检查科室，不能建单`,
              icon: "warn",
              operate: {
                know: "返回",
              },
            };
            return;
          }
          this.jdItem = list;
          this.models = {
            disjunctor: true,
            title: "提示",
            content: `您选择<span class="red">${this.infoDATA.patientName || ""}</span>患者<span class="red">${list.length}</span>项检查，是否确认建单？`,
            icon: "warn",
            checkBoxText: '建单并签到',
            operate: {
              ok: "确定",
              cancel: "取消",
            },
          };
        }else{
          uni.showToast({
            icon: "none",
            title: "至少选择一个检查！",
          });
        }
      },
			// 取消接单
			dialogClose(){
				this.$refs.alertDialog.close()
			},
			// 确定接单
			dialogConfirm(){
				if(this.optType==1){
					uni.showLoading({
					  title: "加载中",
					  mask: true,
					});
					get(`/workerOrder/takeOrder/${this.itemData.workOrderDTO.id}`).then((result) => {
						if (result.status == 200) {
					    uni.hideLoading();
					    uni.showToast({
					      icon: "none",
					      mask: true,
					      title: "操作成功",
					    });
							this.$refs.alertDialog.close()
							setTimeout(_=>{
								this.getInfo(this.infoDATA.patientCode)
							}, 1500)
					  } else {
					    uni.hideLoading();
					    uni.showToast({
					      icon: "none",
					      title: result.msg,
					    });
					  }
					});
				}else{
					let query = {
						userId: uni.getStorageSync("userData").user.id
					}
					uni.showLoading({
					  title: "加载中",
					  mask: true,
					});
					post(`/api/directStartOrder/${this.itemData.workOrderDTO.id}`, query).then((result) => {
					  if (result.status == 200) {
					    uni.hideLoading();
					    uni.showToast({
					      icon: "none",
					      mask: true,
					      title: "操作成功",
					    });
							this.$refs.alertDialog.close()
							setTimeout(_=>{
								this.getInfo(this.infoDATA.patientCode)
							}, 1500)
					  } else {
					    uni.hideLoading();
					    uni.showToast({
					      icon: "none",
					      title: result.msg,
					    });
					  }
					});
				}
			},
			// 接单
			operation(data, type){
				this.optType = type
				this.itemData = data
				if(type==1){
					this.content = '您确定接单吗？'
				}else{
					this.content = '您确定立即执行并接单吗？'
				}
				this.$refs.alertDialog.open()
			},
      // 建单
      build(data) {
        console.log(data);
        if(!data.execDept){
          this.models = {
            disjunctor: true,
            title: "提示",
            content: `<span class="red">${data.inspectName || ''}</span>没有检查科室，不能建单`,
            icon: "warn",
            operate: {
              know: "返回",
            },
          };
          return;
        }
        this.jdItem = [data];
        this.models = {
          disjunctor: true,
          title: "提示",
          content: `您即将创建<span class="red">${data.patientName || ""}</span>患者前往<span class="red">${ data.execDept ? data.execDept.dept : "" }</span>进行<span class="red">${data.inspectName || ""}</span>检查，您确认吗？`,
          icon: "warn",
          checkBoxText: '建单并签到',
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      //建单后返回
      know() {
        this.models.disjunctor = false;
        this.getInfo(this.infoDATA.patientCode);
      },
      //建单确定
      ok(e) {
        console.log(e)
        if(e.isCheck){
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          post("/nurse/inspect/inspectCreateCheck", { patientCode: this.options.patientCode }).then((result) => {
            uni.hideLoading();
            if (result.status == 200) {
              // 建单并签到
              if (!this.SMFlag) {
                return;
              }
              this.SMFlag = false;
              SM().then((content) => {
                this.SMFlag = true;
                
                this.buildOrderOrSign(content)
              }).catch(err => {
                this.SMFlag = true;
              });
            } else {
              this.models.disjunctor = false;
              this.models = {
                disjunctor: true,
                content: result.msg,
                icon: "error",
                operate: {
                  know: "返回",
                },
              };
            }
          });
        }else{
          this.buildOrderOrSign()
        }
      },
      // 建单/建单并签到
      buildOrderOrSign(content){
        this.models.disjunctor = false;
        let postData = {
          deptId: this.infoDATA.department.id
        };
        let taskId;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        post("/nurse/getDeptTaskType", postData).then((result) => {
          if (result.status == 200) {
            let obj = result.data.allTaskTypes.filter(
              (item) => item.associationType.value == "inspect"
            );
            if (obj.length) {
              taskId = obj[0].id;
              let postData = {
                code: content,
                workOrder: {
                  sourceId: 4,
                  taskType: {
                    id: taskId,
                    isHalfInspect: obj[0].isHalfInspect === 1 ? 1 : 0
                  },
                  createDept: this.infoDATA.department.id,
                  startDept: {
                    id: this.infoDATA.department.id
                  },
                  patient: {
                    patientCode: this.infoDATA.patientCode
                  },
                  checkList: this.jdItem,
                  goods: "",
                  worker: {
                    id: uni.getStorageSync("userData").user.id
                  },
                  workerStartOrderFlag: 1,
                },
              };
              //根据检查的紧急度加急
              this.jdItem.forEach(v => {
                if (v.priority === 1 || v.priority === '1') {
                  postData.workOrder["urgentDetails"] = {
                    checkStatus: {
                      id: 329
                    },
                    urgentReason: '系统根据检查信息，自动进行加急',
                  };
                }
              })
        
              post(content ? "/nurse/inspect/inspectCreateSign" : "/api/startOrder", postData).then((res) => {
                uni.hideLoading();
                let msg = res.msg + (content ? ` 扫描内容:${content}` : '');
                let icon = "error";
                if (res.status == 200) {
                  msg = "建单成功";
                  icon = "success";
                }
                this.models = {
                  disjunctor: true,
                  content: msg,
                  icon: icon,
                  operate: {
                    know: "返回",
                  },
                };
              });
            } else {
              uni.hideLoading();
              this.models = {
                disjunctor: true,
                content: "建单失败,科室未开通！",
                icon: "error",
                operate: {
                  know: "返回",
                },
              };
            }
          } else {
            uni.hideLoading();
            uni.showToast({
              icon: "none",
              title: result.msg || "接口获取数据失败！",
            });
          }
        });
      },
      //建单取消
      cancel() {
        this.models.disjunctor = false;
      },
      // 扫一扫
      Scanning(qrcodePrefix = '') {
        if (!this.SMFlag) {
          return;
        }
        this.SMFlag = false;
        SM().then((content) => {
          this.SMFlag = true;
          this.getInfo(content);
        }).catch(err => {
          this.SMFlag = true;
        });
      },
			// 修改预约时间->返回
			know1() {
			  this.models1.disjunctor = false;
			},
			// 修改预约时间->确定
			ok1(data) {
				console.log(data);
				const { yyTime, yyEndTime} = data;//暂时这样
				if (!yyTime) {
				  //没有填写预约时间
				  uni.showModal({
				    title: "提示",
				    content: "请填写预约时间！",
				    showCancel: false,
				    success: function(res) {
				      if (res.confirm) {
				        console.log("用户点击确定");
				      } else if (res.cancel) {
				        console.log("用户点击取消");
				      }
				    },
				  });
				  return;
				}
			  this.models1.disjunctor = false;
			  let postData = {
			    inspectCode: this.currentInspect.inspectCode,
			  	yyTime,
					endCheckTime: yyEndTime
			  };
			  uni.showLoading({
			    title: '加载中',
			    mask: true,
			  })
			  post('/workerOrder/updateInspectYytime', postData).then(res => {
			    uni.hideLoading();
			    if (res.status == 200) {
						this.getInfo(this.options.patientCode);
			    } else {
			      uni.showToast({
			        icon: "none",
			        title: "修改失败",
			      });
			    }
			  })
			},
			// 修改预约时间->取消
			cancel1() {
			  this.models1.disjunctor = false;
			},
			// 修改预约时间
			changeYyTime(item) {
			  this.currentInspect = item;
			  this.models1 = {
			    disjunctor: true,
			    content: `您要修改[${item.inspectName||''}]的预约时间`,
			    icon: "warn",
			    operate: {
			      ok: "确定",
			      cancel: "取消",
			    },
			  };
			},
      // 修改检查科室
      changeExecDept(item) {
        this.currentInspect = item;
        if(this.currentInspect.inspectCheckType){
          this.currentInspect.inspectCheckType.deptList = this.currentInspect.inspectCheckType.deptList || [];
        }
        this.models2 = {
          disjunctor: true,
          content: `请选择[${item.patientName||''}]检查项目的检查科室`,
          icon: "warn",
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      // 修改检查科室->返回
      know2() {
        this.models2.disjunctor = false;
      },
      // 修改检查科室->确定
      ok2(data) {
      	console.log(data);
      	const { execDeptId } = data;
        this.models2.disjunctor = false;
        let postData = {
          "id": this.currentInspect.id,
          "execDeptId": execDeptId
        };
        
        uni.showLoading({
          title: '加载中',
          mask: true,
        })
        post('/simple/data/updData/inspect', postData).then(res => {
          uni.hideLoading();
          if (res.status == 200) {
            this.getInfo(this.options.patientCode);
          } else {
            uni.showToast({
              icon: "none",
              title: "修改失败",
            });
          }
        })
      },
      // 修改检查科室->取消
      cancel2() {
        this.models2.disjunctor = false;
      },
			// 获取系统配置预约时间间隔
			getInspectConfig(patientCode) {
			  const postData = {
			    "idx": 0,
			    "sum": 1,
			    "taskTypeConfig": {
			      "taskTypeDTO": {
			        "hosId": {
			          "id": this.hosId
			        },
			        "associationType": {
			          "key": "association_types",
			          "value": "inspect",
			        },
			      },
			    },
			  };
			  uni.showLoading({
			    mask: true,
			    title: '加载中'
			  })
			  post("/simple/data/fetchDataList/taskTypeConfig", postData).then((res) => {
			    if (res.status == 200) {
			      this.configObj = res.list[0];
						this.getInfo(patientCode);
			    }
			  })
			},
			// 获取患者信息
			getPatient(page){
				
			},
			// 请求详细页面的数据
			getInfo(patientCode) {
				uni.showLoading({
					title: "加载中",
					mask: true,
				});
				post("/nurse/workOrder/getPatientInspectInfo", {
					patientCode,
          queryInspect: 1,
				}).then((res) => {
					uni.hideLoading();
					if (res.status == 200) {
            res.data.inspectListMap = res.data.inspectListMap || {};
            this.isEmpty = Object.keys(res.data.inspectListMap).length === 0;
						for(let i of Object.keys(res.data.inspectListMap)){
							let x = res.data.inspectListMap[i]
							for(let e of x){
								if(e.yyTime){
									e.newTime = dayjs(new Date(e.yyTime)).format('MM-DD HH:mm')
									if(e.endCheckTime){
										e.newTime2 = dayjs(new Date(e.endCheckTime)).format('HH:mm')
										e.yyEndTime = e.newTime +'--'+ e.newTime2
									}else{
										let date = dayjs(new Date(e.yyTime));
										e.yyEndTime = e.newTime
									}
								}else{
									e.yyEndTime = ''
								}
							}
						}
						
						if(res.data.orderedInspectList && res.data.orderedInspectList.length>0){
							res.data.orderedInspectList.forEach(e =>{
								if(e.yyTime){
									e.newTime = dayjs(new Date(e.yyTime)).format('MM-DD HH:mm')
									if(e.endCheckTime){
										e.newTime2 = dayjs(new Date(e.endCheckTime)).format('HH:mm')
										e.yyEndTime = e.newTime +'--'+ e.newTime2
									}else{
										let date = dayjs(new Date(e.yyTime));
										e.yyEndTime = e.newTime
									}
								}else{
									e.yyEndTime = ''
								}
							})
						}
						this.infoDATA = res.data;
					} else {
						uni.showToast({
							icon: "none",
							title: res.msg || "接口获取数据失败！",
						});
					}
				});
			},
		},
		onLoad(options) {
      console.log('options', options);
			this.options = options;
			this.getInspectConfig(this.options.patientCode)
			// #ifdef APP-PLUS
			webHandle("no", "app");
			// #endif
			// #ifdef H5
			webHandle("no", "wx");
			// #endif
		},
    onShow() {
      this.SMFlag = true;
    }
	};
</script>
<style lang="less" scoped>
  /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
    border-color: #49B856!important;
  }
	/deep/ .uni-popup__info{
		color: #000;
	}
	.box2{
		.page_item_btns{
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  margin-top: 16rpx;
		  margin-bottom: 16rpx;
			position: absolute;
			bottom: 0;
			width: 100%;
		  .page_item_btn {
		    flex: 1;
		    height: 88rpx;
		    background-image: linear-gradient(to right, #72c172, #3bb197);
		    border-radius: 8rpx;
		    line-height: 88rpx;
		    color: #fff;
		    font-size: 36rpx;
		    font-weight: 700;
		    text-align: center;
		    margin-right: 24rpx;
		    &:first-of-type{
		      margin-left: 24rpx;
		    }
		  }
		  .toolbar {
		    flex: 1;
		    z-index: 999;
		    height: 88rpx;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    box-sizing: border-box;
		    border-radius: 4rpx;
		    background-color: #E5E8ED;
		    margin-right: 24rpx;
		  
		    .toolbar-icon {
		      font-size: 52rpx;
		      margin-right: 16rpx;
		      color: #07863c;
		    }
		  
		    .toolbar-sao {
		      font-size: 36rpx;
		      color: #333;
		    }
		  }
		}
	}

  .newicon-weibiaoti2010104{
    margin-left: 8rpx;
  }
  
	.patientInformationInfo {
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    height: 100vh;
		
		.page_tab {
		  width: 100%;
		  height: 96rpx;
		  display: flex;
		  position: fixed;
		  left: 0;
		  top: 60rpx;
		  z-index: 999;
		
		  .page_tab_bar {
		    flex: 1;
		    font-size: 36rpx;
		    background: #fff;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    position: relative;
		
		    &:after {
		      content: "";
		      position: absolute;
		      left: 0;
		      bottom: 0;
		      height: 2rpx;
		      width: 100%;
		      background-color: transparent;
		    }
		
		    .tab_num {
		      color: #ff3b53;
		      margin-left: 8rpx;
		    }
		
		    &.active {
		      color: #49b856;
		
		      &:after {
		        background-color: #49b856;
		      }
		    }
		  }
		}
		
		.box1{
			height: 100vh;
			background: #fff;
			padding: 0 20rpx;
			.item{
				height: 80rpx;
				display: flex;
				align-items: center;
				
				.title{
					margin-right: 40rpx;
					.value{
						position: relative;
						top: -3rpx;
					}
				}
				
				.icon{
					margin-left: 20rpx;
				}
			}
		}
		
		.box1,
		.box2,
		.box3{
			margin-top: 98rpx;
		}
		
		.box2{
			height: 78vh;
			overflow-y: auto;
		}
		
		.box3{
			height: 100vh;
			overflow-y: auto;
		}
		
		.zwsj {
      flex: 1;
      min-height: 0;
			text-align: center;

			.zwsj-img {
				width: 560rpx;
			}

			.zwsj-txt {
				font-size: 36rpx;
				font-weight: 700;
				margin-top: 20rpx;
				text-align: center;
			}
		}

		.page_head {
			background-color: #49b856;
			color: #fff;
			// margin-top: 97rpx;
			
			.title {
				font-size: 48rpx;
				// padding-top: 24rpx;
				text-align: center;
			}

      .remark{
        display: flex;
        margin: 16rpx 27rpx;
        .remarkTitle{
          flex-shrink: 0;
        }
        .remarkInfo{
          flex-shrink: 1;
        }
      }

			.patientCode {
				margin-left: 12rpx;
				font-size: 28rpx;
			}

			.info {
				margin: 8rpx 0;
				height: 80rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				.bedNum,
				.waitingCount {
					width: 300rpx;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;

					.info_h {
						font-size: 30rpx;
					}

					.info_b {
						font-size: 26rpx;
            margin-top: 8rpx;
					}
				}

				.bedNum {
					position: relative;

					&:after {
						content: "";
						position: absolute;
						width: 4rpx;
						height: 50rpx;
						right: -2rpx;
						top: 15rpx;
						background-color: #fff;
					}
				}
			}
		}

    .scrollContent{
      flex: 1;
      min-height: 0;
    }
		.page_item {
			// margin-bottom: 10rpx;
			border-radius: 8rpx;
			overflow: hidden;

      .splitLine{
        height: 50rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8F8F8F;
        .splitLineFlex{
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          .splitLineBox{
            width: calc(100% - 48rpx);
            height: 1rpx;
            background-color: #8F8F8F;
          }
        }
      }

			.page_item_info {
        margin-top: 10rpx;
				padding: 20rpx 16rpx;
				text-align: left;
				line-height: 60rpx;
				font-size: 30rpx;
        background: #fff;

        &.mt0{
          margin-top: 0;
        }
				
				.buildOrder{
					width: 258rpx;
					height: 72rpx;
					background: #49B856;
					border-radius: 6rpx;
					margin: 0 auto;
					color: #FFFFFF;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 30rpx;
				}
								
				.btn-opt{
					display: flex;
					align-items: center;
					justify-content: center;
					
					.buildOrder{
					  width: 258rpx;
					  height: 72rpx;
						line-height: 72rpx;
						text-align: center;
					  background: #49B856;
					  border-radius: 6rpx;
					  margin: 0 auto;
					  color: #FFFFFF;
					  font-size: 30rpx;
					}
				}

				.page_item_info_title {
					font-weight: 700;

					&.btn {
						display: flex;
						button {
							font-size: 28rpx;
							color: #49b856;
							height: 50rpx;
							line-height: 50rpx;
							margin: 0;
						}
					}
          &.row{
            display: flex;
            align-items: center;
            justify-content: space-between;
          }

					text {
						font-weight: normal;

						&.red {
							color: red;
						}

            &.bold{
              font-weight: 700;
            }
					}
				}
			}
		}
	}
</style>