瓶贴搜索项

src/components/medical-insurance/settle-detail-list/InpatientSetlList.vue

@@ -1,116 +1,119 @@
 <template>
   <div class="si-content">
     <table>
-      <tr>
-        <td colspan="2" style="width: 15%;">住院号</td>
-        <td colspan="2" style="width: 15%;">{{ setlinfo.patNo }}</td>
-        <td colspan="2" style="width: 15%;">医保号</td>
-        <td colspan="3" style="width: 25%;">{{ }}</td>
-        <td style="width: 10%;">医保就诊号</td>
-        <td colspan="2" style="width: 15%;">{{ }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">姓名</td>
-        <td colspan="2">{{ setlinfo.psnName }}</td>
-        <td colspan="2">性别</td>
-        <td style="width: 10%;">{{ setlinfo.gendName }}</td>
-        <td>年龄</td>
-        <td style="width: 10%;">{{ setlinfo.age }}</td>
-        <td>住院天数</td>
-        <td colspan="2">{{ setlinfo.inHospdays }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">报销类别</td>
-        <td colspan="2">{{ setlinfo.medTypeName }}</td>
-        <td colspan="2">入院时间</td>
-        <td colspan="2">{{ setlinfo.begntime }}</td>
-        <td colspan="2">出院日期</td>
-        <td colspan="2">{{ setlinfo.endtime }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">本次总费用</td>
-        <td colspan="2">{{ setlinfo.medfeeSumamt }}</td>
-        <td colspan="2">全自费费用</td>
-        <td colspan="2">{{ setlinfo.fulamtOwnpayAmt }}</td>
-        <td colspan="2">范围内费用</td>
-        <td colspan="2">{{ setlinfo.inscpScpAmt }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">基本保险基金</td>
-        <td colspan="2">{{ setlinfo.hifpPay }}</td>
-        <td colspan="2">超限价自费</td>
-        <td colspan="2">{{ setlinfo.overlmtSelfpay }}</td>
-        <td colspan="2">起付线</td>
-        <td colspan="2">{{ }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">公务员基金支付</td>
-        <td colspan="2">{{ setlinfo.cvlservPay }}</td>
-        <td colspan="2">先行自付费用</td>
-        <td colspan="2">{{ setlinfo.preselfpayAmt }}</td>
-        <td colspan="2">基金支付比</td>
-        <td colspan="2">{{ calculatePercentage(setlinfo.cvlservPay, setlinfo.medfeeSumamt) }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">医疗救助基金</td>
-        <td colspan="2">{{ setlinfo.mafPay }}</td>
-        <td colspan="4"></td>
-        <td colspan="2">自理(旧版适用)</td>
-        <td colspan="2">{{ }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">居民大病保险</td>
-        <td colspan="2">{{ setlinfo.hifmiPay }}</td>
-        <td colspan="4"></td>
-        <td colspan="2">民政支付(旧版适用)</td>
-        <td colspan="2">{{ }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">大病补充保险</td>
-        <td colspan="2">{{ }}</td>
-        <td colspan="8"></td>
-      </tr>
-      <tr>
-        <td colspan="2">职工大额救助基金</td>
-        <td colspan="2">{{ setlinfo.hifobPay }}</td>
-        <td colspan="2">生育基金</td>
-        <td colspan="2">{{ }}</td>
-        <td colspan="4"></td>
-      </tr>
-      <tr>
-        <td colspan="2">企业补充保险</td>
-        <td colspan="2">{{}}</td>
-        <td colspan="8"></td>
-      </tr>
-      <tr>
-        <td colspan="2">保险公司直付赔付</td>
-        <td colspan="2">{{ }}</td>
-        <td colspan="8"></td>
-      </tr>
-      <tr>
-        <td colspan="2">其他支付</td>
-        <td colspan="2">{{ setlinfo.othPay }}</td>
-        <td colspan="2">他人账户代付</td>
-        <td colspan="2">{{ }}</td>
-        <td colspan="2">报销费用占总费用</td>
-        <td colspan="2">{{ getReimbursementRatio(setlinfo) }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">低收入医院垫付</td>
-        <td colspan="2">{{ setlinfo.hospPartAmt }}</td>
-        <td colspan="2">个人现金支付</td>
-        <td colspan="2">{{ setlinfo.psnCashPay }}</td>
-        <td colspan="2">自负占比</td>
-        <td colspan="2">{{ calculatePercentage(add(setlinfo.acctPay, setlinfo.psnCashPay), setlinfo.medfeeSumamt) }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">个人自负费用</td>
-        <td colspan="2">{{ add(setlinfo.acctPay, setlinfo.psnCashPay) }}</td>
-        <td colspan="2">个人账户支付</td>
-        <td colspan="2">{{ setlinfo.acctPay }}</td>
-        <td colspan="2">个人账户余额</td>
-        <td colspan="2">{{ setlinfo.balc }}</td>
-      </tr>
+      <tbody>
+        <tr>
+          <td colspan="2" style="width: 15%;">住院号</td>
+          <td colspan="2" style="width: 15%;">{{ setlinfo.patNo }}</td>
+          <td colspan="2" style="width: 15%;">医保号</td>
+          <td colspan="3" style="width: 25%;">{{ }}</td>
+          <td style="width: 10%;">医保就诊号</td>
+          <td colspan="2" style="width: 15%;">{{ }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">姓名</td>
+          <td colspan="2">{{ setlinfo.psnName }}</td>
+          <td colspan="2">性别</td>
+          <td style="width: 10%;">{{ setlinfo.gendName }}</td>
+          <td>年龄</td>
+          <td style="width: 10%;">{{ setlinfo.age }}</td>
+          <td>住院天数</td>
+          <td colspan="2">{{ setlinfo.inHospdays }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">报销类别</td>
+          <td colspan="2">{{ setlinfo.medTypeName }}</td>
+          <td colspan="2">入院时间</td>
+          <td colspan="2">{{ setlinfo.begntime }}</td>
+          <td colspan="2">出院日期</td>
+          <td colspan="2">{{ setlinfo.endtime }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">本次总费用</td>
+          <td colspan="2">{{ setlinfo.medfeeSumamt }}</td>
+          <td colspan="2">全自费费用</td>
+          <td colspan="2">{{ setlinfo.fulamtOwnpayAmt }}</td>
+          <td colspan="2">范围内费用</td>
+          <td colspan="2">{{ setlinfo.inscpScpAmt }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">基本保险基金</td>
+          <td colspan="2">{{ setlinfo.hifpPay }}</td>
+          <td colspan="2">超限价自费</td>
+          <td colspan="2">{{ setlinfo.overlmtSelfpay }}</td>
+          <td colspan="2">起付线</td>
+          <td colspan="2">{{ }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">公务员基金支付</td>
+          <td colspan="2">{{ setlinfo.cvlservPay }}</td>
+          <td colspan="2">先行自付费用</td>
+          <td colspan="2">{{ setlinfo.preselfpayAmt }}</td>
+          <td colspan="2">基金支付比</td>
+          <td colspan="2">{{ calculatePercentage(setlinfo.cvlservPay, setlinfo.medfeeSumamt) }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">医疗救助基金</td>
+          <td colspan="2">{{ setlinfo.mafPay }}</td>
+          <td colspan="4"></td>
+          <td colspan="2">自理(旧版适用)</td>
+          <td colspan="2">{{ }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">居民大病保险</td>
+          <td colspan="2">{{ setlinfo.hifmiPay }}</td>
+          <td colspan="4"></td>
+          <td colspan="2">民政支付(旧版适用)</td>
+          <td colspan="2">{{ }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">大病补充保险</td>
+          <td colspan="2">{{ }}</td>
+          <td colspan="8"></td>
+        </tr>
+        <tr>
+          <td colspan="2">职工大额救助基金</td>
+          <td colspan="2">{{ setlinfo.hifobPay }}</td>
+          <td colspan="2">生育基金</td>
+          <td colspan="2">{{ }}</td>
+          <td colspan="4"></td>
+        </tr>
+        <tr>
+          <td colspan="2">企业补充保险</td>
+          <td colspan="2">{{}}</td>
+          <td colspan="8"></td>
+        </tr>
+        <tr>
+          <td colspan="2">保险公司直付赔付</td>
+          <td colspan="2">{{ }}</td>
+          <td colspan="8"></td>
+        </tr>
+        <tr>
+          <td colspan="2">其他支付</td>
+          <td colspan="2">{{ setlinfo.othPay }}</td>
+          <td colspan="2">他人账户代付</td>
+          <td colspan="2">{{ }}</td>
+          <td colspan="2">报销费用占总费用</td>
+          <td colspan="2">{{ getReimbursementRatio(setlinfo) }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">低收入医院垫付</td>
+          <td colspan="2">{{ setlinfo.hospPartAmt }}</td>
+          <td colspan="2">个人现金支付</td>
+          <td colspan="2">{{ setlinfo.psnCashPay }}</td>
+          <td colspan="2">自负占比</td>
+          <td colspan="2">{{ calculatePercentage(add(setlinfo.acctPay, setlinfo.psnCashPay), setlinfo.medfeeSumamt) }}
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2">个人自负费用</td>
+          <td colspan="2">{{ add(setlinfo.acctPay, setlinfo.psnCashPay) }}</td>
+          <td colspan="2">个人账户支付</td>
+          <td colspan="2">{{ setlinfo.acctPay }}</td>
+          <td colspan="2">个人账户余额</td>
+          <td colspan="2">{{ setlinfo.balc }}</td>
+        </tr>
+      </tbody>
     </table>
     <!-- <div style="height: 8px"></div>
     <table>
@@ -453,8 +456,8 @@ export default {
     }
 
     const getReimbursementRatio = (setlinfo) => {
-      let reimbursement = subtract(setlinfo.medfeeSumamt,add(setlinfo.acctPay, setlinfo.psnCashPay))
-      console.log(1111,reimbursement)
+      let reimbursement = subtract(setlinfo.medfeeSumamt, add(setlinfo.acctPay, setlinfo.psnCashPay))
+      console.log(1111, reimbursement)
       return calculatePercentage(reimbursement, setlinfo.medfeeSumamt)
     }
 

src/views/hospitalization/nurse-module/PrintInfusionCard.vue

@@ -1,70 +1,85 @@
 <template>
   <page-layer>
     <template #header>
-      <el-select v-model="queryParams.wardCode" style="width: 88px" @change="handleWardChange">
-        <el-option v-for="item in userWards" :value="item.value" :label="item.label"></el-option>
-      </el-select>
-      <span class="ml12">
-        执行日期：<el-date-picker v-model="queryParams.executeDate" :clearable="false" style="width: 102px"
-          @change="datePickChange"></el-date-picker>
-      </span>
-      <span class="ml12">床位范围：
-        <el-select v-model="queryParams.bedNoStart" style="width: 70px" value-key="bedNo"
-          @change="handleStartBedChange">
-          <el-option v-for="item in patientBedList" :key="item.bedNo" :value="item">
-            {{ item.bedNoLabel }}
-            <el-divider direction="vertical"></el-divider>
-            <span class="green-text">{{ item.patNo }}</span>
-            <el-divider direction="vertical"></el-divider>
-            <span class="blue-text">{{ item.patName }}</span>
-          </el-option>
-        </el-select>
-        <span style="margin: 0 4px; font-size: 11px">至</span>
-        <el-select v-model="queryParams.bedNoEnd" style="width: 70px" value-key="bedNo" @change="handleEndBedChange">
-          <el-option v-for="item in patientBedList" :key="item.bedNo" :value="item"
-            :disabled="item.sortNo < queryParams.sortNoStart">
-            {{ item.bedNoLabel }}
-            <el-divider direction="vertical"></el-divider>
-            <span :class="item.sortNo < queryParams.sortNoStart ? 'is-disabled' : 'green-text'">{{ item.patNo }}</span>
-            <el-divider direction="vertical"></el-divider>
-            <span :class="item.sortNo < queryParams.sortNoStart ? 'is-disabled' : 'blue-text'">{{ item.patName }}</span>
-          </el-option>
-        </el-select>
-      </span>
-      <span class="ml12">
-        频率：
-        <el-select v-model="queryParams.frequency" style="width: 60px">
-          <el-option value="ALL" label="全部"></el-option>
-          <el-option value="ALWAYS" label="长期"></el-option>
-          <el-option value="ONCE" label="临时"></el-option>
-        </el-select>
-      </span>
-      <span class="ml12">
-        打印范围：
-        <el-select v-model="queryParams.printRange" style="width: 76px">
-          <el-option value="ALL" label="全部"></el-option>
-          <el-option value="UNPRINTED" label="新增"></el-option>
-          <el-option value="PRINTED" label="已打印"></el-option>
-        </el-select>
-      </span>
-      <span class="ml12">
-        类型：
-        <el-select v-model="queryParams.cardType" @change="handleTypeChange" style="width: 76px">
-          <el-option value="INFUSION_CARD" label="输液卡"></el-option>
-          <el-option value="BOTTLE_CARD" label="瓶贴"></el-option>
-        </el-select>
-      </span>
-      <span class="ml12" v-if="queryParams.cardType === 'BOTTLE_CARD'">
-        瓶贴类型：
-        <el-select v-model="queryParams.bottleCardType" style="width: 76px">
-          <el-option :value="2" label="输液"></el-option>
-          <el-option :value="7" label="注射"></el-option>
-          <el-option :value="10" label="雾化"></el-option>
-        </el-select>
-      </span>
-      <el-divider direction="vertical"></el-divider>
-      <el-button type="primary" icon="Search" @click="executeQuery">检索</el-button>
-      <el-button type="primary" icon="Printer" @click="execPrint">打印</el-button>
+      <div class="search-area">
+        <div class="search-item-area">
+          <div class="search-item">
+            <div class="ml12">病区：</div>
+            <el-select v-model="queryParams.wardCode" style="width:88px" @change="handleWardChange">
+              <el-option v-for="item in userWards" :value="item.value" :label="item.label"></el-option>
+            </el-select>
+          </div>
+          <div class="search-item">
+            <div class="ml12">执行日期：</div>
+            <el-date-picker v-model="queryParams.executeDate" :clearable="false" style="width: 102px"
+              @change="datePickChange"></el-date-picker>
+          </div>
+          <div class="search-item">
+            <div class="ml12">床位范围：</div>
+            <el-select v-model="queryParams.bedNoStart" style="width: 70px" value-key="bedNo"
+              @change="handleStartBedChange">
+              <el-option v-for="item in patientBedList" :key="item.bedNo" :value="item">
+                {{ item.bedNoLabel }}
+                <el-divider direction="vertical"></el-divider>
+                <span class="green-text">{{ item.patNo }}</span>
+                <el-divider direction="vertical"></el-divider>
+                <span class="blue-text">{{ item.patName }}</span>
+              </el-option>
+            </el-select>
+            <span style="margin: 0 4px; font-size: 11px">至</span>
+            <el-select v-model="queryParams.bedNoEnd" style="width: 70px" value-key="bedNo"
+              @change="handleEndBedChange">
+              <el-option v-for="item in patientBedList" :key="item.bedNo" :value="item"
+                :disabled="item.sortNo < queryParams.sortNoStart">
+                {{ item.bedNoLabel }}
+                <el-divider direction="vertical"></el-divider>
+                <span :class="item.sortNo < queryParams.sortNoStart ? 'is-disabled' : 'green-text'">{{ item.patNo
+                }}</span>
+                <el-divider direction="vertical"></el-divider>
+                <span :class="item.sortNo < queryParams.sortNoStart ? 'is-disabled' : 'blue-text'">{{ item.patName
+                }}</span>
+              </el-option>
+            </el-select>
+
+          </div>
+          <div class="search-item">
+            <div class="ml12">频率：</div>
+            <el-select v-model="queryParams.frequency" style="width: 60px">
+              <el-option value="ALL" label="全部"></el-option>
+              <el-option value="ALWAYS" label="长期"></el-option>
+              <el-option value="ONCE" label="临时"></el-option>
+            </el-select>
+          </div>
+          <div class="search-item">
+            <div class="ml12">打印范围：</div>
+            <el-select v-model="queryParams.printRange" style="width: 76px">
+              <el-option value="ALL" label="全部"></el-option>
+              <el-option value="UNPRINTED" label="新增"></el-option>
+              <el-option value="PRINTED" label="已打印"></el-option>
+            </el-select>
+          </div>
+          <div class="search-item">
+            <div class="ml12">类型：</div>
+            <el-select v-model="queryParams.cardType" @change="handleTypeChange" style="width: 76px">
+              <el-option value="INFUSION_CARD" label="输液卡"></el-option>
+              <el-option value="BOTTLE_CARD" label="瓶贴"></el-option>
+            </el-select>
+          </div>
+          <div v-if="queryParams.cardType === 'BOTTLE_CARD'" class="search-item">
+            <div class="ml12">瓶贴类型：</div>
+            <el-select v-model="queryParams.bottleCardType" style="width: 76px">
+              <el-option :value="2" label="输液"></el-option>
+              <el-option :value="7" label="注射"></el-option>
+              <el-option :value="10" label="雾化"></el-option>
+            </el-select>
+          </div>
+        </div>
+        <el-divider direction="vertical"></el-divider>
+        <div class="search-btn">
+          <el-button type="primary" icon="Search" @click="executeQuery">检索</el-button>
+          <el-button type="primary" icon="Printer" @click="execPrint">打印</el-button>
+        </div>
+      </div>
     </template>
     <template #main>
       <div style="display: flex; flex-wrap: wrap" id="infusion_list">
@@ -220,7 +235,7 @@ const frequencyOptions = [
   },
   {
     //每天三次
-    arr: ['Tid', 'Tod','Q8h'],
+    arr: ['Tid', 'Tod', 'Q8h'],
     add: 2
   },
   {
@@ -644,8 +659,42 @@ onMounted(() => {
 </script>
 
 <style scoped>
+.search-area {
+  width: 100%;
+  position: relative;
+  display: flex;
+
+  .search-item-area {
+    width: 85%;
+    display: flex;
+    flex-wrap: wrap;
+    /* overflow-wrap: ; */
+
+    .search-item {
+      display: flex;
+      min-width: 80px;
+      justify-content: center;
+      align-items: center;
+      margin-top: 5px;
+    }
+  }
+
+  .search-btn {
+    width: 15%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
 .ml12 {
   margin-left: 12px;
+  /* width: 80px; */
+  text-align: right;
 }
 
 .green-text {