优化部分页面布局。

src/layout/PageHeader.vue → src/layout/PageLayer.vue

@@ -3,14 +3,19 @@
     <el-header ref="headerRef" class="header">
       <slot name="header"></slot>
     </el-header>
-    <el-main :style="mainStyleSize" class="page_main">
-      <slot name="main"></slot>
-    </el-main>
+    <el-container>
+      <el-aside v-if="useSlots().aside" class="aside" :style="mainStyleSize">
+        <slot name="aside"></slot>
+      </el-aside>
+      <el-main :style="mainStyleSize" class="page_main">
+        <slot name="main"></slot>
+      </el-main>
+    </el-container>
   </el-container>
 </template>
 
-<script setup name='PageHeader' lang="ts">
-import {Ref, ref} from "vue";
+<script setup name='PageLayer' lang="ts">
+import {Ref, ref, useSlots} from "vue";
 import {getVisibleSize} from "../utils/window-size.js"
 import {$ref} from "vue/macros";
 
@@ -33,11 +38,20 @@ getVisibleSize((val) => {
   border-radius: 4px;
   background-color: white;
   margin-bottom: 4px;
+  padding-left: 0;
+}
+.aside {
+  border-radius: 4px;
+  background-color: white;
+  margin-right: 4px;
+  overflow: auto;
+  width: max-content;
+  max-width: 300px;
 }
-
 .page_main {
   overflow: auto;
   border-radius: 4px;
+  padding: 4px;
   background-color: white;
 }
 </style>

src/views/medical-insurance/inpatient/AdmRegistration.vue

@@ -1,6 +1,5 @@
 <template>
-  <el-container>
-    <el-header height="35px">
+    <div>
       <el-button icon="Location" type="primary" @click="beforeFetchAssigninfo">定点信息</el-button>
       <el-button icon="Check" type="primary" @click="submitPatientInfo"> 保存</el-button>
       <ReadCard :pat-no="patient.inpatientNo" biztype="01103" @success="afterReadCard"/>
@@ -8,8 +7,8 @@
       <el-button icon="Bottom" type="danger" @click="beforeCancelRegister">撤销入院登记</el-button>
       <el-button icon="Coin" type="success" @click="xiangMuLuRuRouter">项目录入</el-button>
       <el-button v-if="greatestRole < 8" icon="Warning" type="danger" @click="yiZhuTuiFeiClick">医嘱退费</el-button>
-    </el-header>
-    <el-main>
+    </div>
+    <div style="margin-top: 4px">
       <el-tag type="info">病人基本信息</el-tag>
       <div style="height: 4px"></div>
       <el-descriptions :column="3" border>
@@ -207,7 +206,7 @@
       </div>
       <Assignmentinfo v-if="showAssigninfo" :admdvs="patient.admdvs" :social-no="patient.socialNo"
                       @close="showAssigninfo = false"/>
-    </el-main>
+    </div>
     <el-dialog v-model="openXmlr" :fullscreen="true" destroy-on-close title="项目录入" @close="openXmlr = false">
       <Xmlr @closeXmlr="openXmlr = false"/>
     </el-dialog>
@@ -305,7 +304,314 @@
         @close="searchParams.showSearch = false"
         @click-item="handleClickSearchItem"
     />
-  </el-container>
+
+<!--  <el-container>-->
+<!--    <el-header height="35px">-->
+<!--      <el-button icon="Location" type="primary" @click="beforeFetchAssigninfo">定点信息</el-button>-->
+<!--      <el-button icon="Check" type="primary" @click="submitPatientInfo"> 保存</el-button>-->
+<!--      <ReadCard :pat-no="patient.inpatientNo" biztype="01103" @success="afterReadCard"/>-->
+<!--      <el-button icon="Top" type="success" @click="checkRegisterDatetime">医保入院登记</el-button>-->
+<!--      <el-button icon="Bottom" type="danger" @click="beforeCancelRegister">撤销入院登记</el-button>-->
+<!--      <el-button icon="Coin" type="success" @click="xiangMuLuRuRouter">项目录入</el-button>-->
+<!--      <el-button v-if="greatestRole < 8" icon="Warning" type="danger" @click="yiZhuTuiFeiClick">医嘱退费</el-button>-->
+<!--    </el-header>-->
+<!--    <el-main>-->
+<!--      <el-tag type="info">病人基本信息</el-tag>-->
+<!--      <div style="height: 4px"></div>-->
+<!--      <el-descriptions :column="3" border>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 住院号</template>-->
+<!--          {{ patient.inpatientNo }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 住院次数</template>-->
+<!--          {{ patient.admissTimes }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 出生日期</template>-->
+<!--          {{ patient.birthDate }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label>入院日期</template>-->
+<!--          {{ patient.admissDate }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 病区</template>-->
+<!--          {{ patient.admissWardName }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 入院诊断</template>-->
+<!--          <div style="width: 180px" class="ellipsis-text" :title="patient.admissDiagStr">-->
+<!--            {{ patient.admissDiagStr }}-->
+<!--          </div>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 小科室</template>-->
+<!--          {{ patient.smallDeptName }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 入院医生</template>-->
+<!--          {{ patient.admissPhysicianName }}-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label>身份证号</template>-->
+<!--          <el-input v-model="patient.socialNo" style="width: 180px" clearable></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 姓名</template>-->
+<!--          <el-input v-model="patient.name" style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 性别</template>-->
+<!--          <el-select v-model="patient.sex" placeholder=" " style="width: 180px">-->
+<!--            <el-option v-for="item in sexes" :key="item.code" :label="item.name" :value="item.code"></el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 联系电话</template>-->
+<!--          <el-input v-model="patient.homeTel" style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 管床医生</template>-->
+<!--          <el-input v-model="patient.referPhysicianName" readonly @click="searchPhysician(1)"-->
+<!--                    style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 责任护士</template>-->
+<!--          <el-input v-model="patient.dutyNurseName" readonly @click="searchPhysician(2)"-->
+<!--                    style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 国籍</template>-->
+<!--          <el-select v-model="patient.country" style="width: 180px" :filterable="true">-->
+<!--            <el-option v-for="item in countries" :key="item.code" :label="item.name" :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 民族</template>-->
+<!--          <el-select v-model="patient.nation" style="width: 180px" :filterable="true">-->
+<!--            <el-option v-for="item in nations" :key="item.code" :label="item.name" :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 联系人姓名</template>-->
+<!--          <el-input v-model="patient.contactName" style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 联系人关系</template>-->
+<!--          <el-select v-model="patient.contactRelation" style="width: 180px" :filterable="true">-->
+<!--            <el-option v-for="item in relations" :key="item.code" :label="item.name" :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 联系人地址</template>-->
+<!--          <el-input v-model="patient.contactAddrName" style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 联系人电话</template>-->
+<!--          <el-input v-model="patient.contactPhone" style="width: 180px"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 登记日期</template>-->
+<!--          <el-date-picker v-model="patient.ybRegisterDate" placeholder="选择日期时间" style="width: 180px"-->
+<!--                          type="datetime"-->
+<!--                          @change="formatYbRegisterDate"></el-date-picker>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 参保地区</template>-->
+<!--          <el-select v-if="injuryMode" v-model="patient.injuryArea" placeholder="工伤参保地" size="small">-->
+<!--            <el-option v-for="item in injuryAreas" :key="item.code" :label="item.name" :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--          <el-select v-else v-model="patient.admdvs" :clearable="true" :filterable="true" placeholder="请选择" style="width: 180px">-->
+<!--            <el-option v-for="item in admdvs" :key="item.code" :label="item.name" :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <el-descriptions-item>-->
+<!--          <template #label> 医疗类别</template>-->
+<!--          <el-select v-model="patient.medType" :clearable="true" placeholder="请选择" @change="handleSelectMedType"-->
+<!--                     style="width: 180px">-->
+<!--            <el-option v-for="item in medTypes" :key="item.code" :disabled="item.disabled" :label="item.name"-->
+<!--                       :value="item.code">-->
+<!--              <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>-->
+<!--              <el-divider direction="vertical"></el-divider>-->
+<!--              <span>{{ item.name }}</span>-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-descriptions-item>-->
+<!--        <span v-if="patient.medType === '52'">-->
+<!--          <el-descriptions-item>-->
+<!--            <template #label>生育类别</template>-->
+<!--              <el-select v-model="patient.matnType" placeholder="请选择" style="width: 180px">-->
+<!--              <el-option v-for="item in matnTypes" :key="item.code" :label="item.name" :value="item.code"></el-option>-->
+<!--            </el-select>-->
+<!--          </el-descriptions-item>-->
+<!--          <el-descriptions-item>-->
+<!--            <template #label>是否晚育</template>-->
+<!--            <el-select v-model="patient.latechbFlag" placeholder="请选择" style="width: 180px">-->
+<!--              <el-option label="否" value="0"></el-option>-->
+<!--              <el-option label="是" value="1"></el-option>-->
+<!--            </el-select>-->
+<!--          </el-descriptions-item>-->
+<!--          <el-descriptions-item>-->
+<!--            <template #label>是否早产</template>-->
+<!--            <el-select v-model="patient.pretFlag" placeholder="请选择" style="width: 180px">-->
+<!--              <el-option label="否" value="0"></el-option>-->
+<!--              <el-option label="是" value="1"></el-option>-->
+<!--            </el-select>-->
+<!--          </el-descriptions-item>-->
+<!--        </span>-->
+<!--        <el-descriptions-item v-if="patient.medType === '2102' || patient.medType === '52'">-->
+<!--          <template #label>患者病种</template>-->
+<!--          <el-input v-model="patient.diseName" readonly style="width: 180px" @click="openDiseInput"></el-input>-->
+<!--        </el-descriptions-item>-->
+<!--      </el-descriptions>-->
+
+<!--      <div style="margin-top: 16px">-->
+<!--        <el-tag type="info"> 医保入院诊断（*自费患者无需填写*）</el-tag>-->
+<!--        <el-button circle icon="Plus" title="添加入院诊断" type="primary" @click="openDiagDialog"></el-button>-->
+<!--        <el-button :disabled="zyInYbDiags.length === 0" circle icon="Check" title="保存入院诊断" type="success"-->
+<!--                   @click="saveYbDiags"></el-button>-->
+<!--      </div>-->
+<!--      <div style="margin-top: 8px">-->
+<!--        <el-table :data="zyInYbDiags" height="160" stripe>-->
+<!--          <el-table-column label="诊断序号" prop="diagNo"></el-table-column>-->
+<!--          <el-table-column label="诊断属性" prop="property"></el-table-column>-->
+<!--          <el-table-column label="诊断编码" prop="icdCode"></el-table-column>-->
+<!--          <el-table-column label="诊断名称" prop="icdText"></el-table-column>-->
+<!--          <el-table-column label="诊断类别">-->
+<!--            <template #default="scope">-->
+<!--              {{ getDiagTypeName(scope.row.diagType) }}-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column label="诊断时间" prop="opDate"></el-table-column>-->
+<!--          <el-table-column label="操作">-->
+<!--            <template #default="scope">-->
+<!--              <el-button circle icon="Delete" type="danger" @click="deleteYbDiag(scope.$index)"></el-button>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--      </div>-->
+<!--      <Assignmentinfo v-if="showAssigninfo" :admdvs="patient.admdvs" :social-no="patient.socialNo"-->
+<!--                      @close="showAssigninfo = false"/>-->
+<!--    </el-main>-->
+<!--    <el-dialog v-model="openXmlr" :fullscreen="true" destroy-on-close title="项目录入" @close="openXmlr = false">-->
+<!--      <Xmlr @closeXmlr="openXmlr = false"/>-->
+<!--    </el-dialog>-->
+<!--    <el-dialog v-model="openYiZhuTuiFei" :fullscreen="true" title="医嘱退费">-->
+<!--      <YiZhuTuiFei :initYiZhu="initYiZhu" @closeYiZhuTuiFei="openYiZhuTuiFei = false"/>-->
+<!--    </el-dialog>-->
+
+<!--    <el-dialog v-model="showSearchSpecialDiag" :close-on-click-modal="false" title="医保患者病种录入" width="60%">-->
+<!--      <div style="margin: -16px 0 4px 2px; height: 22px; line-height: 22px">-->
+<!--        患者当前病种：-->
+<!--        <span style="padding: 2px 6px; background: #005279; border-radius: 4px; color: white">-->
+<!--          {{ patient.diseCode ? (patient.diseCode + ' | ' + patient.diseName) : '无' }}-->
+<!--        </span>-->
+<!--      </div>-->
+<!--      <el-tag>可选病种</el-tag>&nbsp;&nbsp;-->
+<!--      <el-input v-model="specialDiagName" clearable placeholder="请输入病种名称" style="width: 260px"></el-input>-->
+<!--      <el-table :data="cptSpecialDiags.slice((currentPage - 1) * 10, currentPage * 10)" height="400"-->
+<!--                highlight-current-row stripe>-->
+<!--        <el-table-column label="病种编码" prop="newCode"></el-table-column>-->
+<!--        <el-table-column label="病种名称" prop="newName"></el-table-column>-->
+<!--        <el-table-column label="限额方式" prop="limitWay"></el-table-column>-->
+<!--        <el-table-column label="限额额度计算方式" prop="limitAmountCalculateWay"></el-table-column>-->
+<!--        <el-table-column label="疾病限额" prop="limitAmount"></el-table-column>-->
+<!--        <el-table-column>-->
+<!--          <template #default="scope">-->
+<!--            <el-button type="primary" @click="addDiseInfo(scope.row)">选择此病种</el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+<!--      </el-table>-->
+<!--      <el-pagination-->
+<!--          :current-page="currentPage"-->
+<!--          :page-size="10"-->
+<!--          :total="cptSpecialDiags.length"-->
+<!--          :layout="'total, prev, pager, next, jumper'"-->
+<!--          style="margin-top: 5px"-->
+<!--          @current-change="handleCurrentChange"-->
+<!--      ></el-pagination>-->
+<!--    </el-dialog>-->
+
+<!--    <el-dialog v-model="showAdmissApplyForm" title="医保入院登记申请" width="500px">-->
+<!--      <div style="margin-bottom: 20px">-->
+<!--        登记时间：-->
+<!--        <el-date-picker v-model="admissApply.admissDatetime" placeholder="请选择医保登记开始时间"-->
+<!--                        type="datetime"></el-date-picker>-->
+<!--      </div>-->
+<!--      <el-input v-model="admissApply.inputComment" placeholder="请输入申请理由" type="textarea"></el-input>-->
+<!--      <div style="width: 450px; text-align: right; margin-top: 30px">-->
+<!--        <el-button icon="Close" type="info" @click="cancelAdmissApply">取消</el-button>-->
+<!--        <el-button icon="Check" type="success" @click="confirmAdmissApply">提交</el-button>-->
+<!--      </div>-->
+<!--    </el-dialog>-->
+<!--    <el-dialog v-model="showPsnInsuinfo" title="人员信息" width="65%">-->
+<!--      <el-tag>{{ injuryMode ? '工伤信息' : '参保信息' }}</el-tag>-->
+<!--      <div v-if="injuryMode">-->
+<!--        <el-table :data="injuryinfo" height="180" stripe @row-click="handleClickInjuryinfo">-->
+<!--          <el-table-column label="电脑号" prop="indiId"></el-table-column>-->
+<!--          <el-table-column label="工伤个人业务序号" prop="serialPers"></el-table-column>-->
+<!--          <el-table-column label="工伤认定号" prop="identifyCode"></el-table-column>-->
+<!--          <el-table-column label="认定申请时间" prop="identyDate"></el-table-column>-->
+<!--          <el-table-column label="受伤部位" prop="injuryPart"></el-table-column>-->
+<!--          <el-table-column label="报告时间" prop="reportDate"></el-table-column>-->
+<!--          <el-table-column label="事故发生时间" prop="accidentDate"></el-table-column>-->
+<!--          <el-table-column label="事故详细情况" prop="accidentDetail"></el-table-column>-->
+<!--        </el-table>-->
+<!--      </div>-->
+<!--      <div v-else>-->
+<!--        <el-table :data="psnBaseinfo.insuinfo" height="180" stripe @row-click="handleClickInsuinfo">-->
+<!--          <el-table-column label="余额" prop="balc"></el-table-column>-->
+<!--          <el-table-column label="险种类型" prop="insutypeName"></el-table-column>-->
+<!--          <el-table-column label="人员类别" prop="psnTypeName"></el-table-column>-->
+<!--          <el-table-column label="参保状态" prop="psnInsuStasName"></el-table-column>-->
+<!--          <el-table-column label="个人参保日期" prop="psnInsuDate"></el-table-column>-->
+<!--          <el-table-column label="暂停参保日期" prop="pausInsuDate"></el-table-column>-->
+<!--          <el-table-column label="公务员标志" prop="cvlservFlagName"></el-table-column>-->
+<!--          <el-table-column label="参保地医保区划" prop="insuplcAdmdvs"></el-table-column>-->
+<!--          <el-table-column label="参保地名称" prop="insuplcAdmdvsName"></el-table-column>-->
+<!--          <el-table-column label="单位名称" prop="empName"></el-table-column>-->
+<!--        </el-table>-->
+<!--        <div style="height: 16px"></div>-->
+<!--        <el-tag>身份信息</el-tag>-->
+<!--        <el-table :data="psnBaseinfo.idetinfo" height="180" stripe>-->
+<!--          <el-table-column label="人员身份类别" prop="psnIdetTypeName"></el-table-column>-->
+<!--          <el-table-column label="人员类别等级" prop="psnTypeLv"></el-table-column>-->
+<!--          <el-table-column label="备注" prop="memo"></el-table-column>-->
+<!--          <el-table-column label="开始时间" prop="begntime"></el-table-column>-->
+<!--          <el-table-column label="结束时间" prop="endtime"></el-table-column>-->
+<!--        </el-table>-->
+<!--      </div>-->
+<!--    </el-dialog>-->
+<!--    <Search-->
+<!--        v-if="searchParams.showSearch"-->
+<!--        :med-type="patient.medType"-->
+<!--        :target="searchParams.target"-->
+<!--        :title="searchParams.title"-->
+<!--        @close="searchParams.showSearch = false"-->
+<!--        @click-item="handleClickSearchItem"-->
+<!--    />-->
+<!--  </el-container>-->
 </template>
 
 <script>

src/views/medical-insurance/inpatient/AdmissVerification.vue

@@ -1,6 +1,7 @@
 <template>
-  <el-container>
-    <el-header>
+
+  <PageLayer>
+    <template #header>
       <el-select v-model="medType" placeholder="医疗类别" style="width: 145px" clearable>
         <el-option v-for="item in needVerifyMedTypes" :key="item.code" :label="item.name" :value="item.code"></el-option>
       </el-select>
@@ -16,138 +17,134 @@
       <el-button type="success" icon="Check" @click="beforeHandleApply(true)">审核通过</el-button>
       <el-button type="danger" icon="Close" @click="beforeHandleApply(false)">审核不通过</el-button>
       <el-button type="primary" icon="Document" @click="getRegInfo">登记信息</el-button>
-    </el-header>
-    <el-main>
-      <el-container>
-        <el-aside width="245px">
-          <el-table :height="tableHeight" :data="cptApplies" stripe highlight-current-row @row-click="handleClickAdmissApply">
-            <el-table-column label="姓名" width="70">
-              <template #default="scope">
-                <div style="display: flex; align-items: center">
-                  <img class="sex-icon" :src="scope.row.gender === 1 ? maleIcon : femaleIcon" />
-                  {{ scope.row.name }}
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column label="住院号" width="65" align="center">
-              <template #default="scope">
-                <span v-html="getStatusFlag(scope.row.status, scope.row.patNo)"></span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="wardName" label="病房" width="110"></el-table-column>
-          </el-table>
-        </el-aside>
-        <el-main>
-          <el-tag>患者基本信息</el-tag>
-          <el-descriptions :column="4" border>
-            <el-descriptions-item>
-              <template #label> 住院号 </template>
-              {{ patient.inpatientNo }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 住院次数 </template>
-              {{ patient.admissTimes }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 身份证号 </template>
-              {{ patient.socialNo }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 姓名 </template>
-              {{ patient.name }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 性别 </template>
-              {{ patient.sex === 1 ? '男' : patient.sex === 2 ? '女' : '' }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 病区 </template>
-              {{ patient.admissWardName }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 小科室 </template>
-              {{ patient.smallDeptName }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 入院医生 </template>
-              {{ patient.admissPhysicianName }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 管床医生 </template>
-              {{ patient.referPhysicianName }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 床位 </template>
-              {{ patient.bedNo }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template #label> 入院日期 </template>
-              {{ patient.admissDate }}
-            </el-descriptions-item>
-          </el-descriptions>
-          <div style="margin-top: 8px">
-            <el-tag>入院登记申请信息</el-tag>
-            <el-descriptions :column="4" border>
-              <el-descriptions-item>
-                <template #label> 登记时间 </template>
-                {{ currentApply.admissDatetime }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 医疗类别 </template>
-                {{ currentApply.medTypeName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 参保地区 </template>
-                {{ currentApply.admdvsName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 申请人 </template>
-                {{ currentApply.inputName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 申请时间 </template>
-                {{ currentApply.inputDatetime }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 申请理由 </template>
-                {{ currentApply.inputComment }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 处理人 </template>
-                {{ currentApply.handleStaffName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 处理时间 </template>
-                {{ currentApply.handleDatetime }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 处理意见 </template>
-                {{ currentApply.handleComment }}
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <div style="height: 8px"></div>
-          <el-tag>医保入院诊断</el-tag>
-          <el-table :data="zyInYbDiags" stripe>
-            <el-table-column prop="diagNo" label="诊断序号"></el-table-column>
-            <el-table-column prop="property" label="诊断属性"></el-table-column>
-            <el-table-column prop="icdCode" label="诊断编码"></el-table-column>
-            <el-table-column prop="icdText" label="诊断名称"></el-table-column>
-            <el-table-column label="诊断类别">
-              <template #default="scope">
-                {{ getDiagTypeName(scope.row.diagType) }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="opDate" label="诊断时间"></el-table-column>
-          </el-table>
-          <Insuinfo v-if="showPsnInsuinfo" :params="checkTreatmentParams" @close="showPsnInsuinfo = false" @row-click="handleClickInsuinfo" />
-          <Treatmentinfo v-if="showTreatmentinfos" :params="checkTreatmentParams" @close="showTreatmentinfos = false" />
-          <Registinfo v-if="showRegisterInfo" :params="patient" @close="showRegisterInfo = false"></Registinfo>
-          <IdentifyImage v-if="showIdCardImg" :pat-no="currentApply.patNo" :times="currentApply.times" @close="showIdCardImg = false"></IdentifyImage>
-        </el-main>
-      </el-container>
-    </el-main>
-  </el-container>
+    </template>
+    <template #aside>
+      <el-table :data="cptApplies" stripe highlight-current-row @row-click="handleClickAdmissApply">
+        <el-table-column label="姓名" width="70">
+          <template #default="scope">
+            <div style="display: flex; align-items: center">
+              <img class="sex-icon" :src="scope.row.gender === 1 ? maleIcon : femaleIcon" />
+              {{ scope.row.name }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="住院号" width="65" align="center">
+          <template #default="scope">
+            <span v-html="getStatusFlag(scope.row.status, scope.row.patNo)"></span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="wardName" label="病房" width="110"></el-table-column>
+      </el-table>
+    </template>
+    <template #main>
+      <el-tag>患者基本信息</el-tag>
+      <el-descriptions :column="4" border>
+        <el-descriptions-item>
+          <template #label> 住院号 </template>
+          {{ patient.inpatientNo }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 住院次数 </template>
+          {{ patient.admissTimes }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 身份证号 </template>
+          {{ patient.socialNo }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 姓名 </template>
+          {{ patient.name }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 性别 </template>
+          {{ patient.sex === 1 ? '男' : patient.sex === 2 ? '女' : '' }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 病区 </template>
+          {{ patient.admissWardName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 小科室 </template>
+          {{ patient.smallDeptName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 入院医生 </template>
+          {{ patient.admissPhysicianName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 管床医生 </template>
+          {{ patient.referPhysicianName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 床位 </template>
+          {{ patient.bedNo }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label> 入院日期 </template>
+          {{ patient.admissDate }}
+        </el-descriptions-item>
+      </el-descriptions>
+      <div style="margin-top: 8px">
+        <el-tag>入院登记申请信息</el-tag>
+        <el-descriptions :column="4" border>
+          <el-descriptions-item>
+            <template #label> 登记时间 </template>
+            {{ currentApply.admissDatetime }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 医疗类别 </template>
+            {{ currentApply.medTypeName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 参保地区 </template>
+            {{ currentApply.admdvsName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 申请人 </template>
+            {{ currentApply.inputName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 申请时间 </template>
+            {{ currentApply.inputDatetime }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 申请理由 </template>
+            {{ currentApply.inputComment }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 处理人 </template>
+            {{ currentApply.handleStaffName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 处理时间 </template>
+            {{ currentApply.handleDatetime }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 处理意见 </template>
+            {{ currentApply.handleComment }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div style="height: 8px"></div>
+      <el-tag>医保入院诊断</el-tag>
+      <el-table :data="zyInYbDiags" stripe>
+        <el-table-column prop="diagNo" label="诊断序号"></el-table-column>
+        <el-table-column prop="property" label="诊断属性"></el-table-column>
+        <el-table-column prop="icdCode" label="诊断编码"></el-table-column>
+        <el-table-column prop="icdText" label="诊断名称"></el-table-column>
+        <el-table-column label="诊断类别">
+          <template #default="scope">
+            {{ getDiagTypeName(scope.row.diagType) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="opDate" label="诊断时间"></el-table-column>
+      </el-table>
+      <Insuinfo v-if="showPsnInsuinfo" :params="checkTreatmentParams" @close="showPsnInsuinfo = false" @row-click="handleClickInsuinfo" />
+      <Treatmentinfo v-if="showTreatmentinfos" :params="checkTreatmentParams" @close="showTreatmentinfos = false" />
+      <Registinfo v-if="showRegisterInfo" :params="patient" @close="showRegisterInfo = false"></Registinfo>
+      <IdentifyImage v-if="showIdCardImg" :pat-no="currentApply.patNo" :times="currentApply.times" @close="showIdCardImg = false"></IdentifyImage>
+    </template>
+  </PageLayer>
 </template>
 
 <script>
@@ -161,14 +158,16 @@ import { checkRegisterDate } from '@/api/medical-insurance/si-query'
 import { admissRegistration } from '@/api/medical-insurance/si-injury'
 import { admissRegister } from '@/api/medical-insurance/si-inpatient'
 import { statusFlags, needVerifyMedTypes } from '../../../data/index'
-import { selectUnhandledApplies, selectPatientInfo, handleApply } from '../../../api/medical-insurance/si-admiss-apply'
+import { selectUnhandledApplies, selectPatientInfo, handleApply } from '@/api/medical-insurance/si-admiss-apply'
 import Insuinfo from '../../../components/medical-insurance/insuinfo/Index.vue'
 import Treatmentinfo from '../../../components/medical-insurance/treatmentinfo/Index.vue'
 import IdentifyImage from '../../../components/inpatient/IdentifyImage.vue'
 import Registinfo from '../../../components/medical-insurance/registinfo/Index.vue'
 import ReadCard from '@/components/medical-insurance/readcard/Index.vue'
+import PageLayer from "@/layout/PageLayer";
 export default {
   components: {
+    PageLayer,
     Insuinfo,
     Treatmentinfo,
     IdentifyImage,
@@ -177,8 +176,6 @@ export default {
   },
   setup() {
     const patient = ref({})
-    const windowSize = store.state.app.windowSize
-    const tableHeight = windowSize.h - 50
     const psnBaseinfo = ref({})
     const showTreatmentinfos = ref(false)
     const showPsnInsuinfo = ref(false)
@@ -438,7 +435,6 @@ export default {
       statusFlags,
       injuryAreas,
       zyInYbDiags,
-      tableHeight,
       injuryMode,
       injuryinfo,
       maleIcon,

src/views/medical-insurance/inpatient/DiscSettlement.vue

@@ -1,6 +1,5 @@
 <template>
-  <el-container>
-    <el-header height="35px">
+    <div>
       <el-button type="success" icon="RefreshRight" @click="rcvrcalcost"> 费用接收重算 </el-button>
       <el-button type="primary" icon="RefreshLeft" @click="showConventions"> 撤销检验项目 </el-button>
       <el-button type="success" icon="Money" @click="showChargeList = true"> 费用清单 </el-button>
@@ -8,8 +7,8 @@
       <el-button type="info" icon="VideoPause" @click="beforeSettle(true)">中间断账</el-button>
       <el-button type="warning" icon="Odometer" :disabled="!isAdmin" @click="cancelDismiss">取消出院结算</el-button>
       <el-button v-if="isKqk" type="danger" icon="Tickets" @click="makeDismissOrder">生成出院医嘱</el-button>
-    </el-header>
-    <el-main>
+    </div>
+    <div style="margin-top: 4px">
       <el-tag type="info">基本信息</el-tag>
       <el-descriptions :column="4" border>
         <el-descriptions-item>
@@ -222,8 +221,7 @@
         </div>
       </el-dialog>
       <charge-list v-if="showChargeList" :pat-no="patient.inpatientNo" :times="patient.admissTimes" @close="showChargeList = false"></charge-list>
-    </el-main>
-  </el-container>
+    </div>
 </template>
 
 <script>

src/views/medical-insurance/inpatient/Home.vue

@@ -1,52 +1,82 @@
 <template>
-  <el-container>
-    <el-aside width="260px">
-      <Overview ref="overview" :showSelection="isUploadPage" />
-    </el-aside>
-    <el-main>
-      <el-container>
-        <el-header>
-          <el-select v-model="search.current" style="width: 70px" @change="handleSelectSearchMehtod">
-            <el-option v-for="item in search.methods" :key="item.code" :value="item.code" :label="item.name"></el-option>
-          </el-select>
-          <span v-if="permission < 10">
+  <PageLayer>
+    <template #header>
+      <el-select v-model="search.current" style="width: 70px" @change="handleSelectSearchMehtod">
+        <el-option v-for="item in search.methods" :key="item.code" :value="item.code" :label="item.name"></el-option>
+      </el-select>
+      <span v-if="permission < 10" style="margin-left: 8px">
             <el-input v-model="search.zyh" style="width: 100px" clearable @keyup.enter="searchPatient" placeholder="住院号"></el-input>
             <el-button type="primary" icon="Search" @click="searchPatient">检索</el-button>
           </span>
-          &nbsp;&nbsp;
-          <el-button type="primary" icon="Postcard" @click="checkIdCard">身份信息</el-button>
-          <el-button style="margin-left: 10px" type="success" icon="Document" @click="getRegInfo">登记信息 </el-button>
-          <el-button style="margin-left: 10px" type="danger" icon="MagicStick" @click="toEmpiView">360视图 </el-button>
-        </el-header>
-        <el-main>
-          <router-view v-slot="{ Component }">
-            <transition name="fade-transform" mode="out-in">
-              <keep-alive>
-                <component :is="Component" />
-              </keep-alive>
-            </transition>
-          </router-view>
-          <Registinfo v-if="showRegisterInfo" :params="patient" @close="showRegisterInfo = false"></Registinfo>
-          <IdentifyImage v-if="showIdCardImg" :pat-no="patient.inpatientNo" :times="patient.admissTimes" @close="showIdCardImg = false"></IdentifyImage>
-        </el-main>
-      </el-container>
-    </el-main>
-  </el-container>
+      <el-button type="primary" icon="Postcard" @click="checkIdCard" style="margin-left: 8px">身份信息</el-button>
+      <el-button style="margin-left: 10px" type="success" icon="Document" @click="getRegInfo">登记信息 </el-button>
+      <el-button style="margin-left: 10px" type="danger" icon="MagicStick" @click="toEmpiView">360视图 </el-button>
+    </template>
+    <template #aside>
+      <Overview ref="overview" :showSelection="isUploadPage" />
+    </template>
+    <template #main>
+      <router-view v-slot="{ Component }">
+        <transition name="fade-transform" mode="out-in">
+          <keep-alive>
+            <component :is="Component" />
+          </keep-alive>
+        </transition>
+      </router-view>
+      <Registinfo v-if="showRegisterInfo" :params="patient" @close="showRegisterInfo = false"></Registinfo>
+      <IdentifyImage v-if="showIdCardImg" :pat-no="patient.inpatientNo" :times="patient.admissTimes" @close="showIdCardImg = false"></IdentifyImage>
+    </template>
+  </PageLayer>
+<!--  <el-container>-->
+<!--    <el-aside width="260px">-->
+<!--      <Overview ref="overview" :showSelection="isUploadPage" />-->
+<!--    </el-aside>-->
+<!--    <el-main>-->
+<!--      <el-container>-->
+<!--        <el-header>-->
+<!--          <el-select v-model="search.current" style="width: 70px" @change="handleSelectSearchMehtod">-->
+<!--            <el-option v-for="item in search.methods" :key="item.code" :value="item.code" :label="item.name"></el-option>-->
+<!--          </el-select>-->
+<!--          <span v-if="permission < 10">-->
+<!--            <el-input v-model="search.zyh" style="width: 100px" clearable @keyup.enter="searchPatient" placeholder="住院号"></el-input>-->
+<!--            <el-button type="primary" icon="Search" @click="searchPatient">检索</el-button>-->
+<!--          </span>-->
+<!--          <el-button type="primary" icon="Postcard" @click="checkIdCard">身份信息</el-button>-->
+<!--          <el-button style="margin-left: 10px" type="success" icon="Document" @click="getRegInfo">登记信息 </el-button>-->
+<!--          <el-button style="margin-left: 10px" type="danger" icon="MagicStick" @click="toEmpiView">360视图 </el-button>-->
+<!--        </el-header>-->
+<!--        <el-main>-->
+<!--          <router-view v-slot="{ Component }">-->
+<!--            <transition name="fade-transform" mode="out-in">-->
+<!--              <keep-alive>-->
+<!--                <component :is="Component" />-->
+<!--              </keep-alive>-->
+<!--            </transition>-->
+<!--          </router-view>-->
+<!--          <Registinfo v-if="showRegisterInfo" :params="patient" @close="showRegisterInfo = false"></Registinfo>-->
+<!--          <IdentifyImage v-if="showIdCardImg" :pat-no="patient.inpatientNo" :times="patient.admissTimes" @close="showIdCardImg = false"></IdentifyImage>-->
+<!--        </el-main>-->
+<!--      </el-container>-->
+<!--    </el-main>-->
+<!--  </el-container>-->
 </template>
 
 <script>
-import { computed, reactive, ref } from 'vue'
+import {computed, reactive, ref} from 'vue'
 import store from '@/store'
 import dismissIcon from '@/assets/dismiss-icon.png'
-import { getPatientInfo, getEmpiViewUrl } from '@/api/inpatient/patient'
-import { nullPatient } from '@/utils/validate'
-import { getGreatestRole } from '@/utils/permission'
-import { baseinfo, setBaseinfo } from '@/data/inpatient'
+import {getEmpiViewUrl, getPatientInfo} from '@/api/inpatient/patient'
+import {nullPatient} from '@/utils/validate'
+import {getGreatestRole} from '@/utils/permission'
+import {baseinfo, setBaseinfo} from '@/data/inpatient'
 import Overview from '../../../components/medical-insurance/patient-overview/Index.vue'
 import IdentifyImage from '../../../components/inpatient/IdentifyImage.vue'
 import Registinfo from '../../../components/medical-insurance/registinfo/Index.vue'
+import PageLayer from "@/layout/PageLayer";
+
 export default {
   components: {
+    PageLayer,
     Overview,
     IdentifyImage,
     Registinfo,
@@ -123,16 +153,15 @@ export default {
 }
 
 function initSearchParam() {
-  const search = reactive({
+  return reactive({
     current: 'alpha',
     methods: [
-      { code: 'alpha', name: '拼音' },
-      { code: 'code', name: '编码' },
-      { code: 'name', name: '名称' },
+      {code: 'alpha', name: '拼音'},
+      {code: 'code', name: '编码'},
+      {code: 'name', name: '名称'},
     ],
     zyh: '',
   })
-  return search
 }
 
 function makeOverview(val) {

src/views/medical-insurance/inpatient/InHospFeeUpload.vue

@@ -1,6 +1,5 @@
 <template>
-  <el-container>
-    <el-header height="35px">
+    <div>
       <el-button type="success" @click="feeDtle">费用明细</el-button>
       <el-button type="success" @click="preCalculateCost">医保试算</el-button>
       <el-button type="success" @click="uploadFees">费用上传</el-button>
@@ -24,8 +23,8 @@
         <span style="color: black">￥ {{ patient.totalCharge }}</span>
         <span style="color: orangered">￥ {{ patient.chargeYb }}</span>
       </el-tag>
-    </el-header>
-    <el-main>
+    </div>
+    <div style="margin-top: 4px">
       <el-tag type="info">治疗明细</el-tag>
       <el-tag>合计：￥ {{ fees.xmSum }}</el-tag>
       <el-table :data="fees.xm" stripe :height="feeTableHeight">
@@ -88,13 +87,12 @@
           </div>
         </div>
       </div>
-    </el-main>
+    </div>
     <el-dialog v-model="weiGuiTuiFeiFenXiDialog" title="违规费用分析" :fullscreen="true">
       <wei-gui-fei-yong-fen-xi :init="weiGuiTuiFeiInit" @open="weiGuiTuiFeiOpenDialog" ref="weiGui"
                                :patient="weiGuiJiBenXinXi"></wei-gui-fei-yong-fen-xi>
     </el-dialog>
     <MedfeeAnalyse v-if="showFeeDetl" type="unsettled" :mdtrt-id="patient.mdtrtId" @close="showFeeDetl = false"/>
-  </el-container>
 </template>
 
 <script>

src/views/medical-insurance/inpatient/SettleVerification.vue

@@ -1,6 +1,6 @@
 <template>
-  <el-container>
-    <el-header style="height: 36px; margin-top: 5px">
+  <PageLayer>
+    <template #header>
       <el-select v-model="medType" placeholder="医疗类别" style="width: 145px" clearable>
         <el-option v-for="item in trueMedTypes" :key="item.code" :label="item.name" :value="item.code"></el-option>
       </el-select>
@@ -13,31 +13,29 @@
       <el-button type="primary" icon="Tickets" :disabled="injuryMode" @click="beforeGetTreatinfo">待遇检查</el-button>
       <el-button type="success" icon="Check" @click="beforeHandleApply(true)">审核通过</el-button>
       <el-button type="danger" icon="Close" @click="beforeHandleApply(false)">审核不通过</el-button>
-    </el-header>
-    <el-main>
-      <el-container>
-        <el-aside width="245px">
-          <el-table :height="tableHeight" :data="cptApplies" stripe highlight-current-row @row-click="handleClickSettleApply">
-            <el-table-column label="姓名" width="70">
-              <template #default="scope">
-                <div style="display: flex; align-items: center">
-                  <img class="sex-icon" :src="scope.row.gender === 1 ? maleIcon : femaleIcon" />
-                  {{ scope.row.name }}
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column label="住院号" width="65" align="center">
-              <template #default="scope">
-                <span v-html="getStatusFlag(scope.row.status, scope.row.patNo)"></span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="wardName" label="病房" width="110"></el-table-column>
-          </el-table>
-        </el-aside>
-        <el-main>
-          <div :style="mainBoxStyle">
-            <el-tag>患者基本信息</el-tag>
-            <span v-show="currentApply.patNo" style="margin-left: 20px">
+    </template>
+    <template #aside>
+      <el-table :data="cptApplies" stripe highlight-current-row @row-click="handleClickSettleApply">
+        <el-table-column label="姓名" width="70">
+          <template #default="scope">
+            <div style="display: flex; align-items: center">
+              <img class="sex-icon" :src="scope.row.gender === 1 ? maleIcon : femaleIcon" />
+              {{ scope.row.name }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="住院号" width="65" align="center">
+          <template #default="scope">
+            <span v-html="getStatusFlag(scope.row.status, scope.row.patNo)"></span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="wardName" label="病房" width="110"></el-table-column>
+      </el-table>
+    </template>
+    <template #main>
+      <div>
+        <el-tag>患者基本信息</el-tag>
+        <span v-show="currentApply.patNo" style="margin-left: 20px">
               <span>明细总费用：</span>
               <el-tag type="info" effect="dark">{{ currentApply.detailTotalCharge }}</el-tag>
               <span style="margin-left: 12px">账页总费用：</span>
@@ -47,152 +45,148 @@
               <span style="margin-left: 12px">医保报销费用：</span>
               <el-tag type="info" effect="dark">{{ currentApply.fundpay }} ， {{ currentApply.fundpayPercentage }}</el-tag>
             </span>
-            <el-descriptions :column="4" border>
-              <el-descriptions-item>
-                <template #label> 住院号 </template>
-                {{ patient.inpatientNo }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 住院次数 </template>
-                {{ patient.admissTimes }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 身份证号 </template>
-                {{ patient.socialNo }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 姓名 </template>
-                {{ patient.name }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 性别 </template>
-                {{ patient.sex ? (patient.sex === 1 ? '男' : '女') : '' }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 病区 </template>
-                {{ patient.admissWardName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 小科室 </template>
-                {{ patient.smallDeptName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 入院医生 </template>
-                {{ patient.admissPhysicianName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 管床医生 </template>
-                {{ patient.referPhysicianName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 床位 </template>
-                {{ patient.bedNo }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 入院日期 </template>
-                {{ patient.admissDate }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template #label> 登记日期 </template>
-                {{ patient.ybRegisterDate }}
-              </el-descriptions-item>
-            </el-descriptions>
-            <div style="margin-top: 8px">
-              <el-tag>出院结算/中间断账申请信息</el-tag>
-              <el-descriptions :column="4" border>
-                <el-descriptions-item>
-                  <template #label> 申请类别 </template>
-                  {{ currentApply.type === 1 ? '出院结算' : '中间断账' }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> {{ currentApply.type === 1 ? '出院时间' : '断账时间' }} </template>
-                  {{ currentApply.settleDatetime }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 医疗类别 </template>
-                  {{ currentApply.medTypeName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 险种类型 </template>
-                  {{ currentApply.insutypeName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 参保地区 </template>
-                  {{ currentApply.insuplcAdmdvsName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 申请人 </template>
-                  {{ currentApply.inputName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 申请时间 </template>
-                  {{ currentApply.inputDatetime }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 申请理由 </template>
-                  {{ currentApply.inputComment }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 使用个账 </template>
-                  {{ currentApply.acctUsedFlag ? (currentApply.acctUsedFlag === '1' ? '是' : '否') : '' }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 处理人 </template>
-                  {{ currentApply.handleStaffName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 处理时间 </template>
-                  {{ currentApply.handleDatetime }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template #label> 处理意见 </template>
-                  {{ currentApply.handleComment }}
-                </el-descriptions-item>
-              </el-descriptions>
-            </div>
-
-            <div style="margin-top: 8px; display: flex">
-              <div style="width: 44%">
-                <el-tag>医保入院诊断</el-tag>
-                <el-table :data="zyInYbDiags" stripe height="160">
-                  <el-table-column prop="diagNo" label="序号" width="35"></el-table-column>
-                  <el-table-column prop="icdCode" label="诊断编码" width="80"></el-table-column>
-                  <el-table-column prop="icdText" label="诊断名称"></el-table-column>
-                  <el-table-column prop="opDate" label="诊断时间"></el-table-column>
-                  <el-table-column prop="operName" label="录入人" width="50"></el-table-column>
-                </el-table>
-              </div>
-              <div style="width: 55%; margin-left: 1%">
-                <el-tag>医保出院诊断</el-tag>
-                <el-table :data="zyDisDiags" stripe height="160">
-                  <el-table-column prop="disDiagNo" label="序号" width="35"></el-table-column>
-                  <el-table-column prop="disDiag" label="诊断编码" width="80"></el-table-column>
-                  <el-table-column prop="disDiagComment" label="诊断名称"></el-table-column>
-                  <el-table-column prop="opDiagDate" label="诊断时间"></el-table-column>
-                  <el-table-column prop="opName" label="录入人" width="50"></el-table-column>
-                  <el-table-column prop="ssfz" label="分值"></el-table-column>
-                </el-table>
-              </div>
-            </div>
-
-            <div style="height: 8px"></div>
-            <el-tag>患者手术记录</el-tag>
-            <el-table :data="zySurgeries" stripe height="150">
-              <el-table-column prop="ssxh" label="手术序号"></el-table-column>
-              <el-table-column prop="ssbm" label="手术编码"></el-table-column>
-              <el-table-column prop="ssmc" label="手术名称"></el-table-column>
-              <el-table-column prop="ssrq" label="手术时间"></el-table-column>
-              <el-table-column prop="ssysName" label="手术医师"></el-table-column>
+        <el-descriptions :column="4" border>
+          <el-descriptions-item>
+            <template #label> 住院号 </template>
+            {{ patient.inpatientNo }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 住院次数 </template>
+            {{ patient.admissTimes }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 身份证号 </template>
+            {{ patient.socialNo }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 姓名 </template>
+            {{ patient.name }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 性别 </template>
+            {{ patient.sex ? (patient.sex === 1 ? '男' : '女') : '' }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 病区 </template>
+            {{ patient.admissWardName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 小科室 </template>
+            {{ patient.smallDeptName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 入院医生 </template>
+            {{ patient.admissPhysicianName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 管床医生 </template>
+            {{ patient.referPhysicianName }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 床位 </template>
+            {{ patient.bedNo }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 入院日期 </template>
+            {{ patient.admissDate }}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label> 登记日期 </template>
+            {{ patient.ybRegisterDate }}
+          </el-descriptions-item>
+        </el-descriptions>
+        <div style="margin-top: 8px">
+          <el-tag>出院结算/中间断账申请信息</el-tag>
+          <el-descriptions :column="4" border>
+            <el-descriptions-item>
+              <template #label> 申请类别 </template>
+              {{ currentApply.type === 1 ? '出院结算' : '中间断账' }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> {{ currentApply.type === 1 ? '出院时间' : '断账时间' }} </template>
+              {{ currentApply.settleDatetime }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 医疗类别 </template>
+              {{ currentApply.medTypeName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 险种类型 </template>
+              {{ currentApply.insutypeName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 参保地区 </template>
+              {{ currentApply.insuplcAdmdvsName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 申请人 </template>
+              {{ currentApply.inputName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 申请时间 </template>
+              {{ currentApply.inputDatetime }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 申请理由 </template>
+              {{ currentApply.inputComment }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 使用个账 </template>
+              {{ currentApply.acctUsedFlag ? (currentApply.acctUsedFlag === '1' ? '是' : '否') : '' }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 处理人 </template>
+              {{ currentApply.handleStaffName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 处理时间 </template>
+              {{ currentApply.handleDatetime }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label> 处理意见 </template>
+              {{ currentApply.handleComment }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+        <div style="margin-top: 8px; display: flex">
+          <div style="width: 44%">
+            <el-tag>医保入院诊断</el-tag>
+            <el-table :data="zyInYbDiags" stripe height="160">
+              <el-table-column prop="diagNo" label="序号" width="35"></el-table-column>
+              <el-table-column prop="icdCode" label="诊断编码" width="80"></el-table-column>
+              <el-table-column prop="icdText" label="诊断名称"></el-table-column>
+              <el-table-column prop="opDate" label="诊断时间"></el-table-column>
+              <el-table-column prop="operName" label="录入人" width="50"></el-table-column>
+            </el-table>
+          </div>
+          <div style="width: 55%; margin-left: 1%">
+            <el-tag>医保出院诊断</el-tag>
+            <el-table :data="zyDisDiags" stripe height="160">
+              <el-table-column prop="disDiagNo" label="序号" width="35"></el-table-column>
+              <el-table-column prop="disDiag" label="诊断编码" width="80"></el-table-column>
+              <el-table-column prop="disDiagComment" label="诊断名称"></el-table-column>
+              <el-table-column prop="opDiagDate" label="诊断时间"></el-table-column>
+              <el-table-column prop="opName" label="录入人" width="50"></el-table-column>
+              <el-table-column prop="ssfz" label="分值"></el-table-column>
             </el-table>
           </div>
-          <Insuinfo v-if="showPsnInsuinfo" :params="checkTreatmentParams" @close="showPsnInsuinfo = false" @row-click="checkTreatmentinfos" />
-          <Treatmentinfo v-if="showTreatmentinfos" :params="checkTreatmentParams" @close="showTreatmentinfos = false" />
-          <MedfeeAnalyse v-if="showFeeDetl" type="unsettled" :mdtrt-id="currentApply.mdtrtId" @close="showFeeDetl = false" />
-          <IdentifyImage v-if="showIdCardImg" :pat-no="currentApply.patNo" :times="currentApply.times" @close="showIdCardImg = false" />
-        </el-main>
-      </el-container>
-    </el-main>
-  </el-container>
+        </div>
+        <div style="height: 8px"></div>
+        <el-tag>患者手术记录</el-tag>
+        <el-table :data="zySurgeries" stripe height="150">
+          <el-table-column prop="ssxh" label="手术序号"></el-table-column>
+          <el-table-column prop="ssbm" label="手术编码"></el-table-column>
+          <el-table-column prop="ssmc" label="手术名称"></el-table-column>
+          <el-table-column prop="ssrq" label="手术时间"></el-table-column>
+          <el-table-column prop="ssysName" label="手术医师"></el-table-column>
+        </el-table>
+      </div>
+      <Insuinfo v-if="showPsnInsuinfo" :params="checkTreatmentParams" @close="showPsnInsuinfo = false" @row-click="checkTreatmentinfos" />
+      <Treatmentinfo v-if="showTreatmentinfos" :params="checkTreatmentParams" @close="showTreatmentinfos = false" />
+      <MedfeeAnalyse v-if="showFeeDetl" type="unsettled" :mdtrt-id="currentApply.mdtrtId" @close="showFeeDetl = false" />
+      <IdentifyImage v-if="showIdCardImg" :pat-no="currentApply.patNo" :times="currentApply.times" @close="showIdCardImg = false" />
+    </template>
+  </PageLayer>
 </template>
 
 <script>
@@ -207,16 +201,12 @@ import Insuinfo from '../../../components/medical-insurance/insuinfo/Index.vue'
 import Treatmentinfo from '../../../components/medical-insurance/treatmentinfo/Index.vue'
 import MedfeeAnalyse from '../../../components/medical-insurance/medfee-analyse/Index.vue'
 import IdentifyImage from '../../../components/inpatient/IdentifyImage.vue'
+import PageLayer from "@/layout/PageLayer";
 export default {
-  components: { Insuinfo, Treatmentinfo, MedfeeAnalyse, IdentifyImage },
+  components: {PageLayer, Insuinfo, Treatmentinfo, MedfeeAnalyse, IdentifyImage },
   setup() {
     const currentApply = ref({})
     const windowSize = store.state.app.windowSize
-    const tableHeight = windowSize.h - 50
-    const mainBoxStyle = {
-      height: windowSize.h - 50 + 'px',
-      overflowY: 'scroll',
-    }
     const showFeeDetl = ref(false)
     const medType = ref('')
     const statusFlag = ref('')
@@ -356,11 +346,9 @@ export default {
     })
 
     return {
-      mainBoxStyle,
       showFeeDetl,
       currentApply,
       cptApplies,
-      tableHeight,
       maleIcon,
       femaleIcon,
       trueMedTypes,

src/views/reports/MedicineStockCount.vue

@@ -1,6 +1,6 @@
 <template>
   <el-container>
-    <page-header>
+    <page-layer>
       <template #header>
         <span style="margin-left: 0">日期范围：</span>
         <el-date-picker
@@ -18,18 +18,16 @@
         <el-input v-model="requestParam.search" placeholder="输入药品编码，多个编码之间以英文逗号分隔" clearable
                   style="width: 360px; margin-left: 10px"></el-input>
       </template>
+      <template #aside>
+        <el-table :data="data.stockIndex" :row-class-name="addIndexToRow" highlight-current-row
+                  @row-click="mkGetDetailParam">
+          <el-table-column prop="drawNo" label="盘点单号" width="100"></el-table-column>
+          <el-table-column prop="outDate" label="盘点日期"></el-table-column>
+        </el-table>
+      </template>
       <template #main>
-        <el-container>
-          <el-aside width="245px">
-            <el-table :data="data.stockIndex" :row-class-name="addIndexToRow" highlight-current-row
-                      @row-click="mkGetDetailParam">
-              <el-table-column prop="drawNo" label="盘点单号" width="100"></el-table-column>
-              <el-table-column prop="outDate" label="盘点日期"></el-table-column>
-            </el-table>
-          </el-aside>
-          <el-main>
             <el-table :data="computedList.slice((currentPage - 1) * pageSize, currentPage * pageSize)" stripe
-                      :height="tableHeight" @selection-change="handleSelectionChange">
+                      @selection-change="handleSelectionChange">
               <el-table-column type="selection"></el-table-column>
               <el-table-column prop="chargeCode" label="编码" sortable></el-table-column>
               <el-table-column prop="name" label="名称"></el-table-column>
@@ -86,10 +84,8 @@
               >
               </el-pagination>
             </div>
-          </el-main>
-        </el-container>
       </template>
-    </page-header>
+    </page-layer>
   </el-container>
 </template>
 
@@ -100,10 +96,10 @@ import {formatDate} from '@/utils/date'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {getStockIndex, getStockDetail, saveStockChanges} from '@/api/reports/medicine-stock-count'
 import {shortcuts} from '@/data/shortcuts'
-import PageHeader from "@/layout/PageHeader";
+import PageLayer from "@/layout/PageLayer";
 
 export default {
-  components: {PageHeader},
+  components: {PageLayer},
   setup() {
     const windowSize = store.state.app.windowSize
     const tableHeight = windowSize.h - 85