样式优化

src/views/hospitalization/case-front-sheet/FillCaseFrontSheet.vue

@@ -24,7 +24,6 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-
       <el-button type="success" icon="Printer" @click="beforePrint(1)">打印正面</el-button>
       <el-button type="success" icon="Printer" @click="beforePrint(2)">打印反面</el-button>
       <el-button type="primary" icon="PieChart" @click="setlUplaodClick" v-if="inOutStatus === 2">结算清单质控
@@ -49,8 +48,10 @@
           </el-table-column>
           <el-table-column label="住院号-次数" width="80">
             <template #default="scope">
-              <span style="font-weight: bold; color: black">{{ scope.row.bah }}</span
-              >-{{ scope.row.times }}
+              <span style="font-weight: bold; color: black">
+                {{ scope.row.bah }}
+              </span>
+              -{{ scope.row.times }}
             </template>
           </el-table-column>
           <el-table-column prop="doctorName" label="医生" width="55"></el-table-column>
@@ -68,27 +69,29 @@
               v-else-if="patient.auditState === 'INITIAL'"
               class="audit-state audit-state_initial"
           >
-              病案质控未审核</span>
+              病案质控未审核
+          </span>
           <span
               v-else-if="patient.auditState === 'APPROVED'"
               class="audit-state audit-state_approved"
           >
-              病案质控已通过
-            </span>
+            病案质控已通过
+          </span>
           <span
               v-else-if="patient.auditState === 'REJECTED'"
               class="audit-state audit-state_rejected"
               @click="sheetQualityVerification('verificationRecord')"
           >
-              病案质控已驳回
-            </span>
-
+            病案质控已驳回
+          </span>
         </div>
         <div>
           <h3 style="width: 100%; font-size: 17px; text-align: center">住 院 病 案 首 页</h3>
           <div style="width: 100%; height: 32px; line-height: 32px; font-size: 15px; text-align: center">
-            医疗机构: <span style="font-weight: 700">长沙泰和医院</span> （组织机构代码: <span
-              style="font-weight: 700">43010150145</span>）
+            医疗机构:
+            <span style="font-weight: 700">长沙泰和医院</span> （
+            组织机构代码:
+            <span style="font-weight: 700">43010150145</span>）
           </div>
           <div style="height: 25px; line-height: 25px; display: flex">
             <div>
@@ -106,14 +109,16 @@
         </div>
         <div id="page1" style="border: 1px solid black; padding: 5px">
           <div>
-            姓名: <input id="name" v-model="patient.name" style="width: 130px"/>
+            姓名:
+            <input id="name" v-model="patient.name" style="width: 130px"/>
             性别:
             <select id="sex" v-model="patient.sex">
               <option v-for="(item, index) in dics.getSexCode" :key="index" :value="item.code">
                 &nbsp;&nbsp;{{ item.name }}&nbsp;&nbsp;
               </option>
             </select>
-            出生日期: <input id="birthDate" v-model="patient.birthDate" style="width: 90px"/> 年龄:
+            出生日期:
+            <input id="birthDate" v-model="patient.birthDate" style="width: 90px"/> 年龄:
             <input id="age" v-model="patient.age" type="number" style="width: 30px"/>
             国籍:
             <select id="country" v-model="patient.country">
@@ -124,22 +129,35 @@
           </div>
           <div>
             （年龄不足 1 周岁的）年龄:
-            <input id="ageDays" type="number" v-model="patient.ageDays" style="width: 50px"/>天 新生儿出生体重:
-            <input id="newBornWeight" type="number" v-model="patient.newBornWeight" style="width: 70px"/>克 新生儿入院体重:
-            <input id="newBornAdmissWeight" type="number" v-model="patient.newBornAdmissWeight" style="width: 70px"/>克
+            <input id="ageDays" type="number" v-model="patient.ageDays" style="width: 50px"/>天
+            新生儿出生体重:
+            <input id="newBornWeight" type="number" v-model="patient.newBornWeight" style="width: 70px"/>克
+            新生儿入院体重:
+            <input
+                id="newBornAdmissWeight"
+                type="number"
+                v-model="patient.newBornAdmissWeight" style="width: 70px"
+            />克
           </div>
           <div>
             出生地:
-            <input id="birthPlaceName" v-model="patient.birthPlaceName" style="width: 230px"
-                   @click="showSearchData('birth')"/>
+            <input
+                id="birthPlaceName"
+                v-model="patient.birthPlaceName"
+                style="width: 230px"
+                @click="showSearchData('birth')"
+            />
             籍贯:
-            <input id="nativePlaceName" v-model="patient.nativePlaceName" style="width: 170px"
-                   @click="showSearchData('native')"/>
+            <input
+                id="nativePlaceName"
+                v-model="patient.nativePlaceName"
+                style="width: 170px"
+                @click="showSearchData('native')"
+            />
             民族:
             <select id="nation" v-model="patient.nation">
-              <option v-for="(item, index) in dics.getNation" :key="index" :value="item.code">&nbsp;&nbsp;{{
-                  item.name
-                }}&nbsp;&nbsp;
+              <option v-for="(item, index) in dics.getNation" :key="index" :value="item.code">
+                &nbsp;&nbsp;{{item.name }}&nbsp;&nbsp;
               </option>
             </select>
           </div>
@@ -162,9 +180,13 @@
           <div id="livePlace">
             现住址:
             <span id="livePlace1">
-                  <el-cascader v-model="patient.standardAddress" :options="regions" placeholder="省/市/区"
-                               style="width:230px"></el-cascader>
-                </span>
+              <el-cascader
+                  v-model="patient.standardAddress"
+                  :options="regions"
+                  placeholder="省/市/区"
+                  style="width:230px"
+              ></el-cascader>
+            </span>
             <input id="livePlace2" v-model="patient.livePlace" style="width: 300px" placeholder="街道/小区/乡镇"/>
           </div>
           <div>
@@ -175,9 +197,19 @@
           </div>
           <div>
             户口地址:
-            <input id="hkPlaceName" v-model="patient.hkPlaceName" style="width: 300px"
-                   @click="showGoSearchBtn1 = true" @blur="dismissShowSearch(1)"/>
-            <el-button icon="Search" type="primary" v-show="showGoSearchBtn1" @click="showSearchData('hk')">
+            <input
+                id="hkPlaceName"
+                v-model="patient.hkPlaceName"
+                style="width: 300px"
+                @click="showGoSearchBtn1 = true"
+                @blur="dismissShowSearch(1)"
+            />
+            <el-button
+                icon="Search"
+                type="primary"
+                v-show="showGoSearchBtn1"
+                @click="showSearchData('hk')"
+            >
               前往搜索
             </el-button>
             邮编:
@@ -186,10 +218,14 @@
           <div>
             工作单位及地址:
             <input id="unitName" v-model="patient.unitName" style="margin-right: 0; width: 145px"/>
-            /<input id="unitPlace" v-model.trim="patient.unitPlace" style="width: 145px"/> 单位电话: <input
+            /
+            <input id="unitPlace" v-model.trim="patient.unitPlace" style="width: 145px"/>
+            单位电话:
+            <input
               id="unitPhone"
               v-model="patient.unitPhone"
-              style="width: 80px"/>
+              style="width: 80px"
+            />
             邮编:
             <input id="unitZipCode" v-model="patient.unitZipCode" style="width: 50px" maxlength="6"/>
           </div>
@@ -204,12 +240,18 @@
           </div>
           <div>
             联系人地址:
-            <input id="contactAddrName" v-model="patient.contactAddrName" style="width: 300px"
-                   @click="showGoSearchBtn2 = true" @blur="dismissShowSearch(2)"/>
+            <input
+                id="contactAddrName"
+                v-model="patient.contactAddrName"
+                style="width: 300px"
+                @click="showGoSearchBtn2 = true"
+                @blur="dismissShowSearch(2)"
+            />
             <el-button icon="Search" type="primary" v-show="showGoSearchBtn2" @click="showSearchData('contact')">
               前往搜索
             </el-button>
-            联系人电话: <input id="contactPhone" v-model.trim="patient.contactPhone" style="width: 90px"/>
+            联系人电话:
+            <input id="contactPhone" v-model.trim="patient.contactPhone" style="width: 90px"/>
           </div>
           <div>
             入院途径:
@@ -257,8 +299,11 @@
                 </tr>
                 <tr>
                   <td>
-                    <input id="disdiagMain" style="border: none !important; width: 170px"
-                           v-model="patient.disdiagList[0].name" @click="onSearchDiagFocus(0)" readonly/>
+                    <input
+                        id="disdiagMain" style="border: none !important; width: 170px"
+                        v-model="patient.disdiagList[0].name" 
+                        @click="onSearchDiagFocus(0)" readonly
+                    />
                     <div v-show="showDel[0]" style="width: 100%; text-align: center">
                       <el-button type="primary" icon="Edit" @click="showSearch = true">修改</el-button>
                     </div>
@@ -771,9 +816,12 @@
               <option v-for="(item, index) in haveOrNot" :key="index" :value="item.code">&nbsp;&nbsp;{{ item.name }}&nbsp;&nbsp;</option>
             </select>
             ，监护总时间:
-            <input id="icuDays" v-model="patient.icuDays" style="width: 30px"/>天 <input id="icuHours"
-                                                                                         v-model="patient.icuHours"
-                                                                                         style="width: 30px"/>小时
+            <input id="icuDays" v-model="patient.icuDays" style="width: 30px"/>
+            天
+            <input id="icuHours"
+                   v-model="patient.icuHours"
+                   style="width: 30px"/>
+            小时
           </div>
           <div>
             单病种管理:
@@ -781,8 +829,11 @@
               <option v-for="(item, index) in yesOrNo" :key="index" :value="item.code">&nbsp;&nbsp;{{ item.name }}&nbsp;&nbsp;</option>
             </select>
             实施临床路径管理:
-            <select id="clinicalPathwayManagement" v-model="patient.clinicalPathwayManagement"
-                    style="margin-right: 12px">
+            <select
+                id="clinicalPathwayManagement"
+                v-model="patient.clinicalPathwayManagement"
+                style="margin-right: 12px"
+            >
               <option v-for="(item, index) in dics.getClinicalPathwayManagement" :key="index" :value="item.code">
                 &nbsp;&nbsp;{{ item.name }}&nbsp;&nbsp;
               </option>
@@ -989,11 +1040,19 @@
       <el-table-column v-if="showSurgeryRecommand" prop="ssfz" label="手术分值" width="60"></el-table-column>
     </el-table>
     <div style="margin-top: 15px; width: 100%; text-align: right">
-      <el-button type="primary" icon="ArrowLeft" @click="lastPage"
-                 :disabled="showSurgeryRecommand || currentSRPage === 1">上一页
+      <el-button
+          type="primary" icon="ArrowLeft" @click="lastPage"
+          :disabled="showSurgeryRecommand || currentSRPage === 1"
+      >
+        上一页
       </el-button>
-      <el-button type="primary" icon="ArrowRight" @click="nextPage"
-                 :disabled="showSurgeryRecommand || (currentSRPage > 1 && searchResults.length < 10)">下一页
+      <el-button
+          type="primary"
+          icon="ArrowRight"
+          @click="nextPage"
+          :disabled="showSurgeryRecommand || (currentSRPage > 1 && searchResults.length < 10)"
+      >
+        下一页
       </el-button>
     </div>
   </el-dialog>