打印上传的结算单

src/components/si-sheet-upload/jieSuanDanDaYing.vue

@@ -0,0 +1,263 @@
+<template>
+  <el-dialog v-model="jieSuanDanDaYing" style="position: fixed; z-index: 10000" fullscreen>
+    <div id="setl">
+      <h2 style="text-align: center"><span style="text-decoration: underline">湖南省</span>长沙市医疗保障基金结算清单</h2>
+      <div style="display: flex;justify-content: space-around" class="toubu">
+        <div>
+          定点医疗机构名称 <input class="w70" title="213123123123123123123"/>
+          <br>
+          医保编号 <input class="w70"/>
+        </div>
+        <div>
+          定点医疗机构代码 <input class="w70"/>
+          <br>
+          病案号 <input class="w70"/>
+        </div>
+        <div>
+          清单流水号 <input class="w70"/>
+          <br>
+          医保结算等级 <input class="w70"/>
+          <br>
+          申报时间 <input class="w70"/>
+        </div>
+      </div>
+      <br>
+      <div style="border: 1px solid #000;line-height: 20px;text-align: center;background-color: rgba(127,187,236,0.8)">
+        <b style="color: #000"> 一、基本信息 </b>
+      </div>
+      <div class="divBorder" style="height: 250px;padding: 0 5px">
+        <!--   第一行     -->
+        <div style="display: flex;margin-top: 10px;justify-content: space-around">
+          <div class="w90">姓名 <input class="w40"/></div>
+          <div class="tanXingHeZi" style="left: 20px">性别 &nbsp;
+            <input class="w10"/>
+            &nbsp;1.男 2.女
+          </div>
+          <div>出生日期 <input class="w80"/></div>
+          <div>年龄 <input class="w25"/> 岁
+          </div>
+          <div>国籍 <input class="w80"/></div>
+        </div>
+        <!--   第一行     -->
+        <!--   第二行     -->
+        <div class="tanXingHeZi">
+          <div>（年龄不足 1 周岁）年龄 <input class="w25"/> 天
+          </div>
+          <div>民族 <input class="w40"/></div>
+          <div>患者证件类别 <input class="w70"/></div>
+          <div>患者证件号码 <input class="w165"/></div>
+        </div>
+        <!--   第二行     -->
+        <!--   第三行     -->
+        <div class="tanXingHeZi">
+          <div>职业
+            <input class="w70">
+          </div>
+          <div>
+            现住址
+            <input class="w260">
+          </div>
+        </div>
+        <!--   第三行     -->
+        <!--   第四行     -->
+        <div class="tanXingHeZi">
+          <span>工作单位名称</span>
+          <div class="divXiaHuaXian w90">ashdasjkhdajkshdjkash</div>
+          <div>工作单位地址<input class="w90"></div>
+          <div>单位电话<input class="w90"></div>
+          <div>邮编<input class="w90"></div>
+        </div>
+        <!--   第四行     -->
+        <!--   第五行     -->
+        <div class="tanXingHeZi">
+          <div>联系人姓名<input class="w90"></div>
+          <div>关系<input class="w90"></div>
+          <div>地址<input class="w90"></div>
+          <div>电话<input class="w90"></div>
+        </div>
+        <!--   第五行     -->
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import {ref} from "vue";
+
+export default {
+  name: "jieSuanDanDaYing",
+  setup() {
+    const jieSuanDanDaYing = ref(true)
+    return {
+      jieSuanDanDaYing,
+    }
+  }
+}
+</script>
+
+<style scoped>
+#setl {
+  width: 753px;
+  height: 1123px;
+  overflow-x: hidden;
+  display: inline-block;
+  vertical-align: top;
+  border: 1px solid #000;
+  padding: 0 5px;
+}
+
+#setl input {
+  border: none;
+  text-align: center;
+  border-bottom: 1px solid #333333;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+  text-overflow: ellipsis;
+}
+
+.divXiaHuaXian {
+  display: inline-block;
+  text-decoration: underline;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+  text-overflow: ellipsis;
+}
+
+.divBorder {
+  border: 1px solid #000;
+}
+
+.tanXingHeZi {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 5px
+}
+
+.w5 {
+  width: 5px;
+}
+
+.w20 {
+  width: 20px;
+}
+
+.w10 {
+  width: 10px;
+}
+
+.w25 {
+  width: 25px;
+}
+
+.w30 {
+  width: 30px;
+}
+
+.w40 {
+  width: 40px;
+}
+
+.w50 {
+  width: 50px;
+}
+
+.w70 {
+  width: 70px;
+}
+
+.w80 {
+  width: 80px;
+}
+
+.w85 {
+  width: 85px;
+}
+
+.w90 {
+  width: 90px;
+}
+
+.w100 {
+  width: 100px;
+}
+
+.w110 {
+  width: 110px;
+}
+
+.w120 {
+  width: 120px;
+}
+
+.w125 {
+  width: 125px;
+}
+
+.w130 {
+  width: 130px;
+}
+
+.w140 {
+  width: 140px;
+}
+
+.w145 {
+  width: 145px;
+}
+
+.w150 {
+  width: 150px;
+}
+
+.w165 {
+  width: 165px;
+}
+
+.w170 {
+  width: 170px;
+}
+
+.w180 {
+  width: 180px;
+}
+
+.w190 {
+  width: 190px;
+}
+
+.w195 {
+  width: 195px;
+}
+
+.w200 {
+  width: 200px;
+}
+
+.w210 {
+  width: 210px;
+}
+
+.w230 {
+  width: 240px;
+}
+
+.w260 {
+  width: 260px;
+}
+
+.w275 {
+  width: 275px;
+}
+
+.w300 {
+  width: 300px;
+}
+
+.w350 {
+  width: 350px;
+}
+
+
+</style>

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

@@ -1,7 +1,8 @@
 <template>
   <el-container>
     <el-header height="36px" style="margin-top: 8px">
-      <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
+      <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
+                      end-placeholder="结束日期"></el-date-picker>
       <el-button @click="getHuiZhenDataClick" type="primary" icon="el-icon-search">检索</el-button>
       <el-button icon="el-icon-upload" type="primary" @click="baoCunHuiZhenClick">保存</el-button>
       <el-button icon="el-icon-printer" type="success" @click="daYingClick">打印</el-button>
@@ -17,13 +18,13 @@
           <el-table-column label="申请次数" prop="reqTimes"></el-table-column>
         </el-table>
         <el-pagination
-          :pager-count="5"
-          small
-          :total="total"
-          layout="prev, pager, next,total"
-          :current-page="currentPage"
-          :page-size="pageSize"
-          @current-change="handleCurrentChange"
+            :pager-count="5"
+            small
+            :total="total"
+            layout="prev, pager, next,total"
+            :current-page="currentPage"
+            :page-size="pageSize"
+            @current-change="handleCurrentChange"
         ></el-pagination>
       </el-aside>
       <el-main>
@@ -51,20 +52,23 @@
               </div>
               <!-- 病情简介 -->
               <div class="zhenDuanBianJu">
-                病情简介 <br />
-                <textarea v-model="huanZheXinXi.reqComment" readonly="value" class="zhenDuanTextarea" style="height: 154px" />
+                病情简介 <br/>
+                <textarea v-model="huanZheXinXi.reqComment" readonly="value" class="zhenDuanTextarea"
+                          style="height: 154px"/>
               </div>
 
               <!-- 目前主要诊断 -->
               <div class="zhenDuanBianJu">
-                目前主要诊断 <br />
-                <textarea v-model="huanZheXinXi.hzZd" readonly="value" class="zhenDuanTextarea" style="height: 50px"></textarea>
+                目前主要诊断 <br/>
+                <textarea v-model="huanZheXinXi.hzZd" readonly="value" class="zhenDuanTextarea"
+                          style="height: 50px"></textarea>
               </div>
 
               <!-- 会诊目的 -->
               <div class="zhenDuanBianJu">
-                会诊目的 <br />
-                <textarea v-model="huanZheXinXi.hzMd" readonly="value" class="zhenDuanTextarea" style="height: 50px"></textarea>
+                会诊目的 <br/>
+                <textarea v-model="huanZheXinXi.hzMd" readonly="value" class="zhenDuanTextarea"
+                          style="height: 50px"></textarea>
               </div>
               <div class="qingQiuHuiZhenXinXi">
                 <div class="div1">请求会诊科室：{{ huanZheXinXi.deptCodeName }}</div>
@@ -76,14 +80,14 @@
             <div class="huiZhenBody">
               <!-- 会诊意见 -->
               <div class="zhenDuanBianJu">
-                会诊意见 <br />
+                会诊意见 <br/>
                 <textarea
-                  maxlength="1100"
-                  autoHeight="true"
-                  v-model="huanZheXinXi.hzComment"
-                  class="zhenDuanTextarea"
-                  style="height: 329px"
-                  onkeydown="javascript:if(event.keyCode == 13)event.returnValue = false;"
+                    maxlength="1100"
+                    autoHeight="true"
+                    v-model="huanZheXinXi.hzComment"
+                    class="zhenDuanTextarea"
+                    style="height: 329px"
+                    onkeydown="javascript:if(event.keyCode == 13)event.returnValue = false;"
                 >
                 </textarea>
               </div>
@@ -101,16 +105,16 @@
 </template>
 
 <script>
-import { ref } from '@vue/reactivity'
-import { getDeptName, getHuanZheXinXi, getHuiZhenData, wanChenHuiZhen } from '@/api/case-front-sheet/jie-shou-hui-zhen'
-import { cptSex } from '@/utils/computed'
+import {ref} from '@vue/reactivity'
+import {getDeptName, getHuanZheXinXi, getHuiZhenData, wanChenHuiZhen} from '@/api/case-front-sheet/jie-shou-hui-zhen'
+import {cptSex} from '@/utils/computed'
 import store from '@/store'
-import { getDateRangeFormatDate, getDate, getDatetime } from '@/utils/date'
-import { onActivated, onDeactivated, onMounted } from '@vue/runtime-core'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import {getDateRangeFormatDate, getDate, getDatetime} from '@/utils/date'
+import {onActivated, onDeactivated, onMounted} from '@vue/runtime-core'
+import {ElMessage, ElMessageBox} from 'element-plus'
 import '@/css/hui-zhen-ji-lv-dan.css'
-import { initLodop, getLodop } from '@/utils/c-lodop'
-import { huiZhenJiLvDanCss } from '@/data/css-for-print'
+import {initLodop, getLodop} from '@/utils/c-lodop'
+import {huiZhenJiLvDanCss} from '../../../data/css-for-print'
 
 export default {
   setup() {
@@ -203,22 +207,21 @@ export default {
         type: 'warning',
         closeOnClickModal: false,
         closeOnPressEscape: false,
-        closeOnPressEscape: false,
         showClose: false,
         cancelButtonText: '仅保存',
         confirmButtonText: '完成会诊',
       })
-        .then(() => {
-          huanZheXinXi.value.statusFlag = 2
-          // 完成 会诊 发送 axios
-          wanChenHuiZhen(huanZheXinXi.value)
-          getHuiZhenDataClick()
-          huanZheXinXi.value = []
-        })
-        .catch(() => {
-          huanZheXinXi.value.statusFlag = 1
-          wanChenHuiZhen(huanZheXinXi.value)
-        })
+          .then(() => {
+            huanZheXinXi.value.statusFlag = 2
+            // 完成 会诊 发送 axios
+            wanChenHuiZhen(huanZheXinXi.value)
+            getHuiZhenDataClick()
+            huanZheXinXi.value = []
+          })
+          .catch(() => {
+            huanZheXinXi.value.statusFlag = 1
+            wanChenHuiZhen(huanZheXinXi.value)
+          })
     }
 
     ///////////////////////////////////////////////////////// 开启打印 ///////////////////////////////////////////////////////////////////////////////
@@ -283,6 +286,7 @@ export default {
     }
   },
 }
+
 function hzLeiBie(val) {
   switch (val) {
     case '1':

src/views/medical-insurance/allpatient/SetSheetUpload.vue

@@ -57,7 +57,13 @@
         <el-table-column prop="clrOptinsName" label="清算机构"></el-table-column>
         <el-table-column prop="referPhysicianName" label="管床医生"></el-table-column>
         <el-table-column prop="zhuanKeName" label="转科室"></el-table-column>
+        <el-table-column label="结算单" v-if="shenHeQuanXian()">
+          <template #default="scope">
+            <el-button>查看结算单</el-button>
+          </template>
+        </el-table-column>
       </el-table>
+      <jie-suan-dan-da-ying></jie-suan-dan-da-ying>
       <el-pagination
           :page-sizes="[10, 20, 30, 40, 50 , 100]"
           :page-size="queryTerm.pageSize"
@@ -285,10 +291,11 @@ import {
 } from "../../../components/si-sheet-upload/jieSuanDanXiuGai";
 import XianZhiShiJian from "../../../components/si-sheet-upload/XianZhiShiJian.vue";
 import {stringNotBlank} from "../../../utils/blank-utils";
+import JieSuanDanDaYing from "../../../components/si-sheet-upload/jieSuanDanDaYing.vue";
 
 export default {
   name: "SetSheetUpload",
-  components: {XianZhiShiJian, JieSuanDanXiangQing, Progress},
+  components: {JieSuanDanDaYing, XianZhiShiJian, JieSuanDanXiangQing, Progress},
   setup: function () {
     const queryTerm = ref({
       startTime: '',
@@ -557,7 +564,7 @@ export default {
           queryTerm.value.psnType = xianZhongChuQu(getPsnType, ["13"])
           queryTerm.value.clrOptins = xianZhongChuQu(clrOptins.value, ["439900", "430121 "])
         }
-        queryTermDialog.value = true
+        // queryTermDialog.value = true
       }, 1000)
     })
     return {