页面优化

src/views/clinic/chronicDisease/ChronicDiseaseRegister.vue

@@ -1,6 +1,6 @@
 <template>
-  <PageLayer>
-    <template #header class="hd-cl">
+  <div class="layout_container">
+    <header>
       <el-input v-model="keyCode" placeholder="请输入证件号/门诊号/住院号/体检号" style="width: 320px;">
         <template #prepend>关键字</template>
       </el-input>
@@ -16,12 +16,12 @@
       </el-button>
       <el-button type="primary" icon="Refresh" @click="resetForm(ruleFormRef)" style="margin-left: 10px">重置
       </el-button>
-    </template>
-    <template #main>
-            <span style="text-align: center;">
-                <h2>长沙泰和医院慢病患者信息首次登记表</h2>
-            </span>
+    </header>
+    <div class="layout_main">
       <div class="demo-collapse">
+        <div style="text-align: center;">
+          <h2>长沙泰和医院慢病患者信息首次登记表</h2>
+        </div>
         <el-form ref="ruleFormRef" :model="ruleForm" :rules="rulesAll" label-width="160px" class="demo-ruleForm"
                  :size="formSize" status-icon :disabled="isEditForm">
           <el-input type="hidden" v-model="ruleForm.pId"/>
@@ -76,7 +76,7 @@
                 </el-col>
                 <el-col :span="6">
                   <el-form-item label="出生日期" prop="birthDate">
-                    <el-date-picker v-model="ruleForm.birthDate" type="date" label="出生日期"
+                    <el-date-picker v-model="ruleForm.birthDate" type="date" aria-label="出生日期"
                                     placeholder="请选择出生日期" style="width: 100%"/>
                   </el-form-item>
                 </el-col>
@@ -185,7 +185,7 @@
                 </el-col>
                 <el-col :span="6">
                   <el-form-item label="确诊时间" prop="lastDate">
-                    <el-date-picker v-model="ruleForm.lastDate" type="date" label="确诊时间"
+                    <el-date-picker v-model="ruleForm.lastDate" type="date" aria-label="确诊时间"
                                     value-format="YYYY-MM-DD" placeholder="请选择确诊时间" style="width: 100%"/>
                   </el-form-item>
                 </el-col>
@@ -489,30 +489,26 @@
                 </el-col>
                 <el-col :span="6">
                   <el-form-item label="建档医生" prop="creatId">
-                    <div v-if="ruleForm.creatId !== '99999'">
-                      <el-select-v2 disabled v-model="ruleForm.creatId" clearable remote
-                                    style="width: 100%" filterable :options="creatList"
-                                    :remote-method="creatMethod" placeholder="请选择建档医生">
-                        <template #default="{ item }">
-                          <span style="margin-right: 8px">{{ item.name }}</span>
-                          <span style="color: var(--el-text-color-secondary); font-size: 13px">
-                                                        {{ item.code }}
-                                                    </span>
-                        </template>
-                      </el-select-v2>
-                    </div>
-                    <div v-else>
-                      <el-select-v2 v-model="ruleForm.creatId" clearable remote style="width: 100%"
-                                    filterable :options="creatList" :remote-method="creatMethod"
-                                    placeholder="请选择建档医生">
-                        <template #default="{ item }">
-                          <span style="margin-right: 8px">{{ item.name }}</span>
-                          <span style="color: var(--el-text-color-secondary); font-size: 13px">
-                                                        {{ item.code }}
-                                                    </span>
-                        </template>
-                      </el-select-v2>
-                    </div>
+                    <el-select-v2 v-if="ruleForm.creatId !== '99999'" disabled v-model="ruleForm.creatId" clearable remote
+                                  style="width: 100%" filterable :options="creatList"
+                                  :remote-method="creatMethod" placeholder="请选择建档医生">
+                      <template #default="{ item }">
+                        <span style="margin-right: 8px">{{ item.name }}</span>
+                        <span style="color: var(--el-text-color-secondary); font-size: 13px">
+                                                      {{ item.code }}
+                                                  </span>
+                      </template>
+                    </el-select-v2>
+                    <el-select-v2 v-else v-model="ruleForm.creatId" clearable remote style="width: 100%"
+                                  filterable :options="creatList" :remote-method="creatMethod"
+                                  placeholder="请选择建档医生">
+                      <template #default="{ item }">
+                        <span style="margin-right: 8px">{{ item.name }}</span>
+                        <span style="color: var(--el-text-color-secondary); font-size: 13px">
+                                                      {{ item.code }}
+                                                  </span>
+                      </template>
+                    </el-select-v2>
                   </el-form-item>
                 </el-col>
                 <el-col :span="6">
@@ -522,7 +518,7 @@
                 </el-col>
                 <el-col :span="6">
                   <el-form-item label="下次随访时间" prop="visitDate">
-                    <el-date-picker v-model="ruleForm.visitDate" type="date" label="随访时间"
+                    <el-date-picker v-model="ruleForm.visitDate" type="date" aria-label="随访时间"
                                     value-format="YYYY-MM-DD" placeholder="请选择下次随访时间" style="width: 100%"/>
                   </el-form-item>
                 </el-col>
@@ -543,14 +539,13 @@
           </el-collapse>
         </el-form>
       </div>
-    </template>
-  </PageLayer>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup name="ChronicDiseaseRegister">
 import {reactive, ref, onMounted, nextTick, onActivated} from 'vue'
 import {clone} from '@/utils/clone'
-import PageLayer from '../../../layout/PageLayer.vue'
 import type {FormInstance, FormRules} from 'element-plus'
 import {ElMessage} from 'element-plus'
 import {getDatetime} from '@/utils/date'

src/views/clinic/chronicDisease/ChronicDiseaseSearch.vue

@@ -1,11 +1,11 @@
 <template>
-  <page-layer>
-    <template #header>
+  <div class="layout_container">
+    <header>
       <el-input v-model="keyCode" class="w-50 m-2" style="width: 360px" placeholder="请输入姓名/证件号/门诊号/住院号" clearable>
         <template #prepend>关键字</template>
       </el-input>
       <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
-        end-placeholder="结束日期" :shortcuts="shortcuts" style="width: 360px;margin-left: 3px"></el-date-picker>
+                      end-placeholder="结束日期" :shortcuts="shortcuts" style="width: 360px;margin-left: 3px"></el-date-picker>
       <el-select v-model="diseaseType" placeholder="请选择慢病类型" clearable style="width: 240px;margin-left: 3px">
         <el-option v-for="item in dics.getCrmClass" :key="item.code" :label="item.name" :value="item.code" />
       </el-select>
@@ -14,74 +14,79 @@
       </el-select>
       <el-button type="primary" icon="Search" @click="queryChronicDisease" style="margin-left: 5px">查询</el-button>
       <el-button type="primary" icon="Download" @click="exportData" style="margin-left: 5px">导出</el-button>
-    </template>
-    <template #main>
-      <el-table :data="chronicDiseaseData.slice(pageSize * (currentPage - 1), pageSize * currentPage)" border
-        style="width: 100%" :height="tableHeight" highlight-current-row :row-style="rowStyle">
-        <el-table-column type="index" label="序号" width="50" fixed />
-        <el-table-column prop="pName" label="姓名" width="100" fixed />
-        <el-table-column prop="socialNo" label="证件号" width="140" fixed />
-        <el-table-column prop="sexValue" label="性别" />
-        <el-table-column prop="age" label="年龄" />
-        <el-table-column prop="hisMzNo" label="门诊号" width="100" />
-        <el-table-column prop="hisZyNo" label="住院号" width="100" />
-        <el-table-column prop="days" label="剩余回访天数" width="100" />
-        <el-table-column prop="ptName" label="病人来源" width="120" />
-        <el-table-column prop="relTel" label="联系电话" width="100" />
-        <el-table-column prop="relNameTel" label="联系人电话" width="100" />
-        <el-table-column prop="relName" label="联系人姓名" width="100" />
-        <el-table-column prop="chronicDiseaseName" label="慢病类型" width="200" show-overflow-tooltip />
-        <el-table-column prop="lastDate" label="确诊时间" width="100" />
-        <el-table-column prop="pComment" label="患者重点随访监测事项" width="300" show-overflow-tooltip />
-        <el-table-column prop="importLevel" label="病人等级" width="100">
-          <template #default="scope">
-            <span v-if="scope.row.importLevel === '1'">未住院患者</span>
-            <span v-else-if="scope.row.importLevel === '2'">住院一次患者</span>
-            <span v-else-if="scope.row.importLevel === '3'">住院两次及以上</span>
-            <span v-else>{{ scope.row.importLevel }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="provinceName" label="省" width="100" />
-        <el-table-column prop="cityName" label="市" width="100" />
-        <el-table-column prop="areaName" label="区" width="100" />
-        <el-table-column prop="detailAdress" label="详细地址" width="300" show-overflow-tooltip />
-        <el-table-column prop="height" label="身高" width="80" />
-        <el-table-column prop="weight" label="体重" width="80" />
-        <el-table-column prop="temperature" label="体温" width="80" />
-        <el-table-column prop="heartRate" label="心率" width="80" />
-        <el-table-column prop="bloodPressure" label="收缩压/舒张压" width="100" />
-        <el-table-column prop="bloodSugar" label="血糖" width="80" />
-        <el-table-column prop="bloodOxygen" label="血氧" width="80" />
-        <el-table-column prop="referPhysicianName" label="主管医生" width="100" />
-        <el-table-column prop="userName" label="建档医生" width="100" />
-        <el-table-column prop="createDate" label="建卡时间" width="140" />
-        <el-table-column prop="visitDate" label="下次随访时间" width="100" />
-        <el-table-column prop="delFlag" label="是否有效" width="80">
-          <template #default="scope">
-            <span v-if="scope.row.delFlag === '1'">作废</span>
-            <span v-else></span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="cz" label="操作" width="120" fixed="right" align="center">
-          <template #default="{ row }">
-            <el-button v-if="row.delFlag !== '1'" @click="followUpClick(row)" type="primary">回访</el-button>
-            <span v-if="delUser === '0'" style="padding-left: 5px;">
-              <el-button v-if="row.delFlag === '1'" @click="hfChronicDisease(row)" type="primary">恢复</el-button>
-              <el-button v-else @click="delChronicDisease(row)" type="warning">作废</el-button>
-            </span>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination :current-page="currentPage" :page-size="pageSize" :page-sizes="[15, 30, 45, 60]"
-        :total="chronicDiseaseData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
-        @size-change="handleSizeChange" @current-change="handleCurrentChange">
-      </el-pagination>
-    </template>
-  </page-layer>
+    </header>
+    <div class="layout_main">
+      <div class="layout_container">
+        <div class="layout_main layout_el-table">
+          <el-table :data="chronicDiseaseData.slice(pageSize * (currentPage - 1), pageSize * currentPage)" border
+                    height="100%" highlight-current-row :row-style="rowStyle">
+            <el-table-column type="index" label="序号" width="50" fixed />
+            <el-table-column prop="pName" label="姓名" width="100" fixed />
+            <el-table-column prop="socialNo" label="证件号" width="140" fixed />
+            <el-table-column prop="sexValue" label="性别" />
+            <el-table-column prop="age" label="年龄" />
+            <el-table-column prop="hisMzNo" label="门诊号" width="100" />
+            <el-table-column prop="hisZyNo" label="住院号" width="100" />
+            <el-table-column prop="days" label="剩余回访天数" width="100" />
+            <el-table-column prop="ptName" label="病人来源" width="120" />
+            <el-table-column prop="relTel" label="联系电话" width="100" />
+            <el-table-column prop="relNameTel" label="联系人电话" width="100" />
+            <el-table-column prop="relName" label="联系人姓名" width="100" />
+            <el-table-column prop="chronicDiseaseName" label="慢病类型" width="200" show-overflow-tooltip />
+            <el-table-column prop="lastDate" label="确诊时间" width="100" />
+            <el-table-column prop="pComment" label="患者重点随访监测事项" width="300" show-overflow-tooltip />
+            <el-table-column prop="importLevel" label="病人等级" width="100">
+              <template #default="scope">
+                <span v-if="scope.row.importLevel === '1'">未住院患者</span>
+                <span v-else-if="scope.row.importLevel === '2'">住院一次患者</span>
+                <span v-else-if="scope.row.importLevel === '3'">住院两次及以上</span>
+                <span v-else>{{ scope.row.importLevel }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="provinceName" label="省" width="100" />
+            <el-table-column prop="cityName" label="市" width="100" />
+            <el-table-column prop="areaName" label="区" width="100" />
+            <el-table-column prop="detailAdress" label="详细地址" width="300" show-overflow-tooltip />
+            <el-table-column prop="height" label="身高" width="80" />
+            <el-table-column prop="weight" label="体重" width="80" />
+            <el-table-column prop="temperature" label="体温" width="80" />
+            <el-table-column prop="heartRate" label="心率" width="80" />
+            <el-table-column prop="bloodPressure" label="收缩压/舒张压" width="100" />
+            <el-table-column prop="bloodSugar" label="血糖" width="80" />
+            <el-table-column prop="bloodOxygen" label="血氧" width="80" />
+            <el-table-column prop="referPhysicianName" label="主管医生" width="100" />
+            <el-table-column prop="userName" label="建档医生" width="100" />
+            <el-table-column prop="createDate" label="建卡时间" width="140" />
+            <el-table-column prop="visitDate" label="下次随访时间" width="100" />
+            <el-table-column prop="delFlag" label="是否有效" width="80">
+              <template #default="scope">
+                <span v-if="scope.row.delFlag === '1'">作废</span>
+                <span v-else></span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="cz" label="操作" width="120" fixed="right" align="center">
+              <template #default="{ row }">
+                <el-button v-if="row.delFlag !== '1'" @click="followUpClick(row)" type="primary">回访</el-button>
+                <span v-if="delUser === '0'" style="padding-left: 5px;">
+                  <el-button v-if="row.delFlag === '1'" @click="hfChronicDisease(row)" type="primary">恢复</el-button>
+                  <el-button v-else @click="delChronicDisease(row)" type="warning">作废</el-button>
+                </span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-pagination :current-page="currentPage" :page-size="pageSize" :page-sizes="[15, 30, 45, 60]"
+                         :total="chronicDiseaseData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 <script setup name="ChronicDiseaseSearch">
 import { ref, onMounted, nextTick } from 'vue'
-import PageLayer from '@/layout/PageLayer.vue'
 import { shortcuts, seltYearAndNowLast } from '@/data/shortcuts'
 import { formatDate, getDateRangeFormatDate } from '@/utils/date'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -90,7 +95,6 @@ import { Export } from '@/utils/ExportExcel'
 import { clone } from '@/utils/clone'
 import router from "@/router";
 
-const tableHeight = window.innerHeight / 1.07;
 const pageSize = ref(30)
 const currentPage = ref(1)
 const handleSizeChange = (val) => {

src/views/settings/permissions/LUpload.vue

@@ -8,7 +8,7 @@
           </el-form-item>
           <el-form-item label="图片上传" prop="image">
             <div class="img-item" v-for="(item, index) in fileList" :key="index">
-              <img :src="item.src" alt="1"/>
+              <img :src="item.src" alt="未找到图片"/>
               <el-icon class="uploader-close" @click="delFn(index)"><Close /></el-icon>
               <div v-if="item.isSuccess" class="uploader-Check"><el-icon ><Check /></el-icon></div>
               <div class="button-div" v-if="item.file && isCropper">