科室质控-质控详情：左侧树同步病案详情展示（增加折叠交互、数字显示，病历讨论记录、授权同意类、重危报告类、医患沟通类详情接口请求和渲染、增加病案详情等所有组件从病案详情迁移、迁移详情点击接口报错处理、判断兼容之前且保留病历编号数据渲染）

src/views/recordsRoom/qc/caseViews.vue

@@ -17,29 +17,57 @@
       <!-- 左侧点击列表部分 -->
       <div class="cont-left-tiem">
         <ul class="el-menu-vertical-demo el-menu">
-          <li class="li-left-item" :class="is_active == 0 ? 'is-active' : ''" @click="clickTree(0, '住院病案')">
-            <span>住院病案</span>
+          <li v-if="$route.query.from !== 'forewarning'" class="li-left-item" :class="is_active == 0 ? 'is-active' : ''">
+            <span class="treeTitle" @click="clickTree(0, '病案首页')">病案首页</span>
           </li>
-          <li v-for="(item, index) in treeList" :key="index"
-            :class="[is_active == item.bllb && item.bllb != 49 ? 'is-active' : '', item.bllb == 49 || [2000002, 294, 303, 329, 288, 34, 87].includes(item.bllb) ? 'li-left-itemyz' : 'li-left-item']"
-            @click="clickTree(item.bllb, item.name, item)">
-            <span>{{ item.name }}</span>
-            <div v-if="item.bllb == 49">
-              <div :class="['li-left-item-li', is_active == '长期医嘱' ? 'is-active' : '']" data-li="49-1" :id="item.bllb">
-                长期医嘱</div>
-              <div :class="['li-left-item-li', is_active == '临时医嘱' ? 'is-active' : '']" data-li="49-2" :id="item.bllb">
-                临时医嘱</div>
+          <li
+            v-for="(item, index) in treeList"
+            :class="[
+              is_active == item.bllb ? 'is-active' : '',
+              item.bllb == 49 || [2000002, 294, 303, 329, 288, 87, 43, 2000185, 34].includes(item.bllb) ? 'li-left-itemyz' : 'li-left-item',
+            ]"
+            :key="index"
+          >
+            <el-row type="flex" justify="space-between" align="middle">
+              <span class="treeTitle" @click="clickTree(item.bllb, item.name, item)">
+                {{ item.name }}
+                <span v-if="item.bllb == 49">（2）</span>
+                <span v-if="(Array.isArray(item.list) && !!item.list.length)">（{{item.list.length}}）</span>
+              </span>
+              <el-button 
+                type="text"
+                v-if="item.bllb == 49 || (Array.isArray(item.list) && !!item.list.length)" 
+                :class="`el-icon-arrow-${item.collapse ? 'down' : 'up'}`"
+                @click.stop="setTreeCollapse(index)"
+              />
+            </el-row>
+            <!-- 医嘱 -->
+            <div v-if="item.bllb == 49 && !item.collapse">
+              <div :class="['li-left-item-li', is_active == '长期医嘱' ? 'is-active' : '']" data-li="49-1" :id="item.bllb" @click.stop="clickTree(item.bllb, '长期医嘱', {}, true)" >长期医嘱</div>
+              <div :class="['li-left-item-li', is_active == '临时医嘱' ? 'is-active' : '']" data-li="49-2" :id="item.bllb" @click.stop="clickTree(item.bllb, '临时医嘱', {}, true)">临时医嘱</div>
             </div>
-            <div v-if="item.bllb == 2000002">
-              <div v-for="(jitem, jindex) in item.list" :id="jitem.type" :key="jindex"
-                :class="['li-left-item-li', is_active == jitem.ExamType ? 'is-active' : '']">
+            <!-- 报告单 -->
+            <div v-if="item.bllb == 2000002 && !item.collapse">
+              <div 
+                v-for="(jitem, jindex) in item.list" 
+                :key="jindex" 
+                :id="jitem.type" 
+                :class="['li-left-item-li', parentType == item.bllb && is_active == jitem.type ? 'is-active' : '']"
+                @click.stop="clickTree(item.bllb, jitem.name, jitem, true)"
+              >
                 {{ jitem.name }}
               </div>
             </div>
             <!-- 病程记录、手术记录 -->
-            <div v-if="[294, 303, 329, 288, 34, 87].includes(item.bllb)">
-              <div v-for="(jitem, jindex) in item.list" :id="`${jitem.blbh}`" :key="jindex"
-                :class="['li-left-item-li', is_active == jitem.blbh ? 'is-active' : '']" :title="jitem.name.trim()">
+            <div v-if="[294, 303, 329, 288, 87,  43, 2000185, 34].includes(item.bllb) && !item.collapse">
+              <div
+                v-for="(jitem, jindex) in item.list"
+                :class="['li-left-item-li', parentType == item.bllb && is_active == jitem.blbh ? 'is-active' : '']"
+                :key="jindex"
+                :id="`${jitem.blbh}`"
+                :title="jitem.name.trim()"
+                @click.stop="clickTree(item.bllb, jitem.name, jitem, true)"
+              >
                 {{ jitem.name.trim() }}
               </div>
             </div>
@@ -48,23 +76,24 @@
       </div>
       <div class="cont-left-file" @mouseup.prevent="handleMouseupHandle" @contextmenu.prevent="openMenu($event)">
         <div v-if="is_active == 0">
-          <mainHomePage ref="main" :data="mainHomeData" :if-file="ifFile" />
+          <mainHomePage :data="mainHomeData" ref="main" :if-file="ifFile"></mainHomePage>
         </div>
         <div v-else-if="parentType == 292">
           <!-- 入院记录 -->
-          <admissionRecord :data="admissionRecord" :if-file="ifFile" />
+          <admissionRecord v-if="!admissionRecord.HTML_PRINT" :data="admissionRecord" :ifFile="ifFile"></admissionRecord>
+          <NoFormatText :text="admissionRecord.HTML_PRINT" :data="admissionRecord" name="" v-else />
         </div>
         <div v-else-if="parentType == '1' && is_active == 1">
           <!-- 出院记录 -->
-          <OutHospitalRecord :data="outHospitalRecordData" />
+          <OutHospitalRecord  v-if="!outHospitalRecordData.HTML_PRINT" :data="outHospitalRecordData" />
+          <NoFormatText :text="outHospitalRecordData.HTML_PRINT" :data="outHospitalRecordData" name="" v-else />
         </div>
-        <div v-else-if="parentType == 294">
+        <div v-else-if="[294,329,43, 2000185, 34].includes(parentType) && !([294,329,43, 2000185, 34].includes(is_active))">
           <!-- 病程记录 -->
-          <div>病程记录</div>
-          <CaseRecord v-if="caseRecodeInfo.is_format === 1" :data="caseRecodeInfo" />
-          <NoFormatText v-else :text="caseRecodeInfo.content" :data="caseRecodeInfo" name="" />
+          <CaseRecord :data="caseRecodeInfo" v-if="caseRecodeInfo.is_format === 1" :ZYH="valData"/>
+          <NoFormatText :text="caseRecodeInfo.content" :data="caseRecodeInfo" name="" v-else />
         </div>
-        <div v-else-if="parentType == 303">
+        <div v-else-if="parentType == 303 && is_active != 303">
           <!-- 手术记录 -->
           <template v-if="surgeryData.is_format">
             <ShouShuRecord1 v-if="surgeryData.type === 1" :data="surgeryData" />
@@ -75,43 +104,43 @@
         </div>
         <div v-else-if="is_active == '长期医嘱'">
           <!-- 长期医嘱 -->
-          <medicalAdvice :data-obj="longAdvice" />
+          <medicalAdvice :dataObj="longAdvice"></medicalAdvice>
         </div>
         <div v-else-if="is_active == '临时医嘱'">
           <!-- 临时医嘱 -->
-          <medicalTemporary :data-obj="happensAdvice" />
+          <medicalTemporary :dataObj="happensAdvice"></medicalTemporary>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '1'">
           <!-- 病历图文报告 -->
-          <caseImageText :data-obj-arr="pacsDetail" />
+          <caseImageText :dataObjArr="pacsDetail"></caseImageText>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '2'">
           <!-- 超声诊断 -->
-          <ultrasound :data-obj-arr="pacsDetail" />
+          <ultrasound :dataObjArr="pacsDetail"></ultrasound>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '3'">
           <!-- 影像诊断 -->
-          <imaging :data-obj-arr="pacsDetail" />
+          <imaging :dataObjArr="pacsDetail"></imaging>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '4'">
           <!-- 为心电 -->
-          <electrocar :data-obj-arr="pacsDetail" />
+          <electrocar :dataObjArr="pacsDetail"></electrocar>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '5'">
           <!-- 检验报告单 病理 -->
-          <checkout :data-obj-arr="pacsDetail" />
+          <checkout :dataObjArr="pacsDetail"></checkout>
         </div>
         <div v-else-if="parentType == '2000002' && is_active == '6'">
           <!-- 內窥镜检查报告 病理 -->
-          <sightGlass :data-obj-arr="pacsDetail" />
+          <sightGlass :dataObjArr="pacsDetail"></sightGlass>
         </div>
         <div v-else-if="is_active == 288 || is_active == 18">
-          <!-- 死亡记录 或者 24小时内入院记录 -->
-          <DeathText :data-obj-arr="dataObj" v-if="update" />
+          <!-- 死亡记录 或 24小时内入院记录 -->
+          <DeathText :dataObjArr="dataObj"></DeathText>
         </div>
         <div v-else>
           <div v-if="update">
-            <newContFile v-for="(item, index) of text" :key="index" :text="item.HJNR" :name="name_title" />
+            <newContFile v-for="(item, index) of text" :key="index" :data="item" :name="name_title"></newContFile>
           </div>
         </div>
       </div>
@@ -349,6 +378,9 @@ export default {
   },
   
   methods: {
+    setTreeCollapse(index) {
+      this.$set(this.treeList[index], 'collapse', !(this.treeList[index].collapse))
+    },
     getInitData() {
       this.valData = this.$route.query.ZYH
       if (this.valData) {
@@ -500,151 +532,137 @@ export default {
         that.treeList = res.data
       })
     },
-    clickTree(b, n, item) {
+    clickTree(b, n, item, isLeaf = false) {
       this.currentTreeItem.blbh = ''
       if (item) {
-        if (item.blbh) {
-          this.is_active_blbh = item.blbh
-        } else {
-          this.is_active_blbh = event.target.id
+        if (isLeaf) {
+          if(n == '长期医嘱' || n == '临时医嘱') {
+            this.is_active = n
+          } else if (b == '2000002') { // 报告单
+            this.is_active = item.type
+          } else {
+            this.is_active = item.blbh
+          }
+        } else { // 如果不是叶子节点
+          this.is_active = b;
         }
-      } else {
-        // this.is_active_blbh = this.mainHomeData.MED_REC_ID
+      } else { // 病案首页
         this.is_active = 0;
         this.funQuery();
       }
-      this.titleName = n
-      this.parentType = b
-      const that = this
-      // 判断点击的
-      if (event.target.id || !item?.list) {
-        if (event.target.outerText == '长期医嘱' || event.target.outerText == '临时医嘱') {
-          that.is_active = event.target.outerText;
-        } else if (b == 2000002) {
-          that.is_active = event.target.id;
-        } else if (b == 294) {
-          that.is_active = event.target.id;
-        } else if (b == 303) {
-          that.is_active = event.target.id;
-        } else {
-          that.is_active = b;
-        }
-      }
-      that.name_title = n
-      if (b != 0 && b != 292 && b != 1) {
+      this.titleName = n;
+      this.parentType = b;
+      let that = this;
+      that.name_title = n;
+      console.log('>>>>>>>>>>>>', this.parentType,this.is_active )
+      if (b != 0 && b != 292 && b != 1 && !isLeaf) {
         const params = {
           MED_REC_ID: that.valData,
-          bllb: b
-        }
+          bllb: b,
+        };
         if (this.$route.query.status) {
-          params.is_tm = 1
+          params.is_tm = 1;
         }
-        this.$axios.post('/getAllCase', params).then(res => {
-          that.text = res.data
-          that.dataObj = res.data
-          that.reload()
-        })
+        that.$axios.post('/getAllCase', params).then(res => {
+          that.text = res.data;
+          that.dataObj = res.data;
+          that.reload();
+        });
       } else if (b == 292) {
-        // 获取详情
+        // 获取详情-入院记录
         const params = {
           id: this.valData,
-          bllb: b
-        }
+          bllb: b,
+        };
         if (this.$route.query.status) {
-          params.is_tm = '1'
+          params.is_tm = '1';
         }
-        getCasePlatform(params).then(res => {
-          this.admissionRecord = res.data
+        that.$axios2.post('/get_case_platform', params).then(res => {
+          this.admissionRecord = res.data;
           this.currentTreeItem.blbh = res.data.blbh
-        })
+        });
       } else if (b == 1) {
-        // 获取详情
+        // 获取详情-出院记录
         const params = {
           id: this.valData,
-          bllb: b
-        }
+          bllb: b,
+        };
         if (this.$route.query.status) {
-          params.is_tm = 1
+          params.is_tm = 1;
         }
-        getCasePlatform(params).then(res => {
+        that.$axios2.post('/get_case_platform', params).then(res => {
           this.outHospitalRecordData = res.data;
           this.currentTreeItem.blbh = res.data.blbh
-        })
+        });
       }
       if (that.is_active == '长期医嘱') {
         // 长期医嘱
         const params = {
-          AAA28: that.valData
-        }
+          AAA28: that.valData,
+        };
         if (this.$route.query.status) {
-          params.is_tm = 1
+          params.is_tm = 1;
         }
-        getLong(params).then(res => {
-          this.longAdvice = res.data
-        })
+        that.$axios.post('/long', params).then(res => {
+          this.longAdvice = res.data;
+        });
       }
       if (that.is_active == '临时医嘱') {
         // 临时医嘱
         const params = {
-          AAA28: that.valData
-        }
+          AAA28: that.valData,
+        };
         if (this.$route.query.status) {
-          params.is_tm = 1
+          params.is_tm = 1;
         }
-        getTemporary(params).then(res => {
-          this.happensAdvice = res.data
-        })
+        that.$axios.post('/temporary', params).then(res => {
+          this.happensAdvice = res.data;
+        });
       }
-      if (that.parentType == '2000002' && that.is_active != '') {
+      if (that.parentType == '2000002' && isLeaf) {
         // 报告单 相关
-        const parm = {
-          type: Number(that.is_active)
-        }
+        let parm = {
+          type: Number(that.is_active),
+        };
         if (this.$route.query.status) {
-          parm.is_tm = 1
+          parm.is_tm = 1;
         }
-        const treeListArr = Object.values(that.treeList)
-        treeListArr.forEach((item, index) => {
-          if (item.bllb == 2000002) {
-            parm.zyh = Number(item.list[0].ZYH)
-          }
-        })
-
-        getPacsData(parm).then(res => {
-          this.pacsDetail = res.data
-        })
+        parm.zyh = item.ZYH
+        that.$axios.post('/get_pacs_data', parm).then(res => {
+          this.pacsDetail = res.data;
+        });
       }
       // 病程记录
-      if (item.bllb === 294) {
-        if (that.is_active) {
+      if ([294,329,43, 2000185, 34].includes(b) && isLeaf) {
+        // if (that.is_active) {
           // 请求前先重置之前的数据
-          that.caseRecodeInfo = {}
-          const parm = { blbh: that.is_active }
+          that.caseRecodeInfo = {};
+          let parm = { blbh: item.blbh };
           if (this.$route.query.status) {
-            parm.is_tm = 1
+            parm.is_tm = 1;
           }
-          getBcData(parm).then(res => {
-            that.caseRecodeInfo = res.data[0].bc_data
-            that.caseRecodeInfo.is_format = res.data[0].is_format
+          that.$axios.post('/get_bc_data', parm).then(res => {
+            that.caseRecodeInfo = res.data[0].bc_data;
+            that.caseRecodeInfo.is_format = res.data[0].is_format;
             that.currentTreeItem.blbh = res.data[0].blbh
-          })
-        }
+          });
+        // }
       }
       // 手术记录
-      if (item.bllb === 303) {
-        if (that.is_active) {
+      if (b == 303 && isLeaf) {
+        // if (that.is_active) {
           // 请求前先重置之前的数据
-          that.surgeryData = {}
-          const parm = { blbh: that.is_active }
+          that.surgeryData = {};
+          let parm = { blbh: item.blbh };
           if (this.$route.query.status) {
-            parm.is_tm = 1
+            parm.is_tm = 1;
           }
-          getSurgeryData(parm).then(res => {
-            that.surgeryData = res.p[0].surgery_data
-            that.surgeryData.is_format = res.p[0].is_format
+          that.$axios.post('/get_surgery_data', parm).then(res => {
+            that.surgeryData = res.data[0].surgery_data;
+            that.surgeryData.is_format = res.data[0].is_format;
             that.currentTreeItem.blbh = res.p[0].blbh
-          })
-        }
+          });
+        // }
       }
     },
 
@@ -762,7 +780,7 @@ export default {
   line-height: 56px;
   font-size: 14px;
   color: #303133;
-  padding-left: 20px;
+  padding: 0 20px;
 
   -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
   transition: border-color 0.3s, background-color 0.3s, color 0.3s;

src/views/recordsRoom/qc/contFile/admissionRecord.vue

@@ -1,134 +1,134 @@
 <template>
-  <!-- 入院记录 -->
-  <div id="MyDivA">
-    <div class="admrec-cont">
-      <div class="cont-title-description">入院记录</div>
+    <!-- 入院记录 -->
+    <div id="MyDivA" >
+        <div class="admrec-cont">
+          <div class="cont-title-description">入院记录</div>
+          
+          <div class="admrec-cont-header">
+              <div class="admrec-cont-header-list">
+                <span class="cont-textbold">科室:</span>
+                <span>{{data.department}}</span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">姓名:</span>
+                <span v-if="data.name">{{data.name.value}}</span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">床号:</span>
+                <span v-if="data.bed_no">{{data.bed_no.value}}</span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">住院号码:</span>
+                <span v-if="data.hospital_no">{{data.hospital_no.value}}</span>
+              </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">姓名:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.name">{{data.name.value}}</span> </div>
+            <div class="cont-textbold">出生地:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.local_address">{{data.local_address.value}}</span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">性别:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.sex">{{data.sex.value}}</span></div>
+            <div class="cont-textbold">职业:</div>
+            <div class="admrec-cont-infor-list" ><span v-if="data.job">{{data.job.value}}</span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">年龄:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.age">{{data.age.value}}</span></div>
+            <div class="cont-textbold">入院时间: </div>
+            <div class="admrec-cont-infor-list"><span v-if="data.ry_time">{{ data.ry_time.value}}</span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">民族:</div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.nation">{{data.nation.value}}</span> </div>
+            <div class="cont-textbold">记录时间: </div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.record_time">{{ data.record_time.value}}</span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">婚姻:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.marriage">{{data.marriage.value}}</span></div>
+            <div class="cont-textbold">病史陈述者:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.narrator">{{data.narrator.value}}</span> </div>
+          </div>
 
-      <!-- <div class="admrec-cont-header">
-        <div class="admrec-cont-header-list">
-          <span class="cont-textbold">科室:</span>
-          <span>{{ data.department }}</span>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">主诉:<span class="admrec-cont-textnor" v-if="data.zhusu">{{data.zhusu.value}}</span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">现病史:<span class="admrec-cont-textnor" v-if="data.xianbingshi">{{data.xianbingshi.value}}</span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">既往史:<span class="admrec-cont-textnor" v-if="data.jiwangshi">{{data.jiwangshi.value}}</span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">个人史:<span class="admrec-cont-textnor" v-if="data.gerenshi">{{data.gerenshi.value}}</span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title" v-if="data.sex&&data.sex.value == '女\r'">月经及婚育史:<span class="admrec-cont-textnor" v-if="data.yjjhys">{{data.yjjhys.value}}</span></div>
+            <div class="admrec-cont-chief-title" v-else>婚育史:<span class="admrec-cont-textnor" v-if="data.hys">{{data.hys.value}}</span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">家族史:<span class="admrec-cont-textnor" v-if="data.jzs">{{data.jzs.value}}</span></div>
+          </div>
+          <div class="admrec-cont-sign">
+            经核对，以上病史属实，请病人或家属签字确认：      <span class="admrec-cont-sign-pat">(患者签名)</span>
+          </div>
+          <div class="admrec-cont-physique">体格检查</div>
+          <!-- <div class="admrec-cont-physique-cont">T36.5 P105次/分 R20次/分 BP139/70mmHg</div> -->
+          <div class="admrec-cont-physique-desc">
+            <span v-if="data.tgjc" v-html="data.tgjc.value">
+            </span>
+          </div>
+          <div class="admrec-cont-physique">辅助检查</div>
+          <!-- <el-table
+            :data="fuzhujianchaData"
+            border
+            style="width: 100%">
+            <el-table-column
+              prop="time"
+              label="检查时间">
+            </el-table-column>
+            <el-table-column
+              prop="project"
+              label="检查项目">
+            </el-table-column>
+            <el-table-column
+              prop="result"
+              label="检查结果">
+            </el-table-column>
+            <el-table-column
+              prop="org"
+              label="检查医院">
+            </el-table-column>
+          </el-table> -->
+          <div class="admrec-cont-physique-desc"><span v-if="data.fzjc">{{data.fzjc.value}}</span> </div>
+          <div class="admrec-cont-prel admrec-cont-mg20 cont-textbold">
+            初步诊断：
+          </div>
+          <div class="admrec-cont-prel-text"   v-for="(item,index) in data.diagnose_list" :key="index">{{item}}</div>
+          <div class="admrec-cont-physing"><span class="cont-textbold">医师签名:</span>{{data.doctor_name}}</div>
+          <div class="admrec-bottom-time">
+              <div class="admrec-bottom-time-list">
+                <span class="cont-textbold">创建时间:</span>
+                <span v-if="data.CJSJ">{{data.CJSJ}}</span>
+              </div>
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">首次签名时间:</span>
+                <span v-if="data.ZXSJ">{{data.ZXSJ}}</span>
+              </div>
+          </div>
+          <div class="admrec-bottom-time">   
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">末次修改时间:</span>
+                <span v-if="data.WCSJ">{{data.WCSJ}}</span>
+              </div>
+          </div>
         </div>
-        <div class="admrec-cont-header-list">
-          <span class="cont-textbold">姓名:</span>
-          <span v-if="data.name">{{ data.name.value }}</span>
-        </div>
-        <div class="admrec-cont-header-list">
-          <span class="cont-textbold">床号:</span>
-          <span v-if="data.bed_no">{{ data.bed_no.value }}</span>
-        </div>
-        <div class="admrec-cont-header-list">
-          <span class="cont-textbold">住院号:</span>
-          <span v-if="data.hospital_no">{{ data.hospital_no.value }}</span>
-        </div>
-      </div> -->
-      <div class="admrec-cont-infor">
-        <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">姓名:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.name">{{ data.name.value }}</span> </div>
-        <div class="cont-textbold">出生地:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.local_address">{{ data.local_address.value }}</span></div>
-      </div>
-      <div class="admrec-cont-infor">
-        <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">性别:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.sex">{{ data.sex.value }}</span></div>
-        <div class="cont-textbold">职业:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.job">{{ data.job.value }}</span></div>
-      </div>
-      <div class="admrec-cont-infor">
-        <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">年龄:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.age">{{ data.age.value }}</span></div>
-        <div class="cont-textbold">入院时间: </div>
-        <div class="admrec-cont-infor-list"><span v-if="data.ry_time">{{ data.ry_time.value }}</span> </div>
-      </div>
-      <div class="admrec-cont-infor">
-        <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">民族:</div>
-        <div class="admrec-cont-infor-list"> <span v-if="data.nation">{{ data.nation.value }}</span> </div>
-        <div class="cont-textbold">记录时间: </div>
-        <div class="admrec-cont-infor-list"> <span v-if="data.record_time">{{ data.record_time.value }}</span> </div>
-      </div>
-      <div class="admrec-cont-infor">
-        <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">婚姻:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.marriage">{{ data.marriage.value }}</span></div>
-        <div class="cont-textbold">病史陈述者:</div>
-        <div class="admrec-cont-infor-list"><span v-if="data.narrator">{{ data.narrator.value }}</span> </div>
-      </div>
-
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div class="admrec-cont-chief-title ">主诉:<span v-if="data.zhusu" class="admrec-cont-textnor">{{ data.zhusu.value }}</span></div>
-      </div>
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div class="admrec-cont-chief-title ">现病史:<span v-if="data.xianbingshi" class="admrec-cont-textnor">{{ data.xianbingshi.value }}</span></div>
-      </div>
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div class="admrec-cont-chief-title ">既往史:<span v-if="data.jiwangshi" class="admrec-cont-textnor">{{ data.jiwangshi.value }}</span></div>
-      </div>
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div class="admrec-cont-chief-title">个人史:<span v-if="data.gerenshi" class="admrec-cont-textnor">{{ data.gerenshi.value }}</span></div>
-      </div>
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div v-if="data.sex&&data.sex.value == '女'" class="admrec-cont-chief-title">月经及婚育史:<span v-if="data.yjjhys" class="admrec-cont-textnor">{{ data.yjjhys.value }}</span></div>
-        <div v-else class="admrec-cont-chief-title">婚育史:<span v-if="data.hys" class="admrec-cont-textnor">{{ data.hys.value }}</span></div>
-      </div>
-      <div class="admrec-cont-chief admrec-cont-mg20">
-        <div class="admrec-cont-chief-title">家族史:<span v-if="data.jzs" class="admrec-cont-textnor">{{ data.jzs.value }}</span></div>
-      </div>
-      <!-- <div class="admrec-cont-sign">
-        经核对，以上病史属实，请病人或家属签字确认：      <span class="admrec-cont-sign-pat">(患者签名)</span>
-      </div> -->
-      <div class="admrec-cont-physique">体格检查</div>
-      <!-- <div class="admrec-cont-physique-cont">T36.5 P105次/分 R20次/分 BP139/70mmHg</div> -->
-      <div class="admrec-cont-physique-desc">
-        <span v-if="data.tgjc" v-html="data.tgjc.value" />
-      </div>
-      <div class="admrec-cont-physique">辅助检查</div>
-      <!-- <el-table
-        :data="fuzhujianchaData"
-        border
-        style="width: 100%"
-      >
-        <el-table-column
-          prop="time"
-          label="检查时间"
-        />
-        <el-table-column
-          prop="project"
-          label="检查项目"
-        />
-        <el-table-column
-          prop="result"
-          label="检查结果"
-        />
-        <el-table-column
-          prop="org"
-          label="检查医院"
-        />
-      </el-table> -->
-      <div class="admrec-cont-physique-desc"><span v-if="data.fzjc">{{data.fzjc.value}}</span> </div>
-      <div class="admrec-cont-prel admrec-cont-mg20 cont-textbold">
-        初步诊断：
-      </div>
-      <div v-for="(item,index) in data.diagnose_list" :key="index" class="admrec-cont-prel-text">{{ item }}</div>
-      <div class="admrec-cont-physing"><span class="cont-textbold">医师签名:</span>{{ data.doctor_name }}</div>
-      <div class="admrec-bottom-time">
-        <div class="admrec-bottom-time-list">
-          <span class="cont-textbold">创建时间:</span>
-          <span v-if="data.CJSJ">{{ data.CJSJ }}</span>
-        </div>
-        <div class="admrec-bottom-time-list">
-          <span class="cont-textbold">修改时间:</span>
-          <span v-if="data.ZXSJ">{{ data.ZXSJ }}</span>
-        </div>
-      </div>
-      <div class="admrec-bottom-time">
-        <div class="admrec-bottom-time-list">
-          <span class="cont-textbold">完成时间:</span>
-          <span v-if="data.WCSJ">{{ data.WCSJ }}</span>
-        </div>
-      </div>
     </div>
-  </div>
 </template>
-<script>
+  <script>
 export default {
   name: '',
   components: {
@@ -141,29 +141,27 @@ export default {
   props: {
     data: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {
     // fuzhujianchaData() {
     //   const arr = []
-    //   if (this.data.fzjc && this.data.fzjc.value.length) {
-    //     const length = this.data.fzjc.value.length
-    //     this.data.fzjc.value.slice(1, length).map(item => {
-    //       const obj = {
-    //         time: item[0],
-    //         project: item[1],
-    //         result: item[2],
-    //         org: item[3]
-    //       }
-    //       arr.push(obj)
-    //     })
-    //   }
+    //   const length = this.data.fzjc.value.length
+    //   this.data.fzjc.value.slice(1, length).map(item => {
+    //     const obj = {
+    //       time: item[0],
+    //       project: item[1],
+    //       result: item[2],
+    //       org: item[3]
+    //     }
+    //     arr.push(obj)
+    //   })
     //   return arr
     // }
   },
@@ -201,10 +199,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
   <style lang='scss' scoped>
   #MyDivA {
@@ -342,4 +340,7 @@ export default {
 
   }
 
+
+
+
 </style>

src/views/recordsRoom/qc/contFile/admissionRecord2.vue

@@ -0,0 +1,372 @@
+<template>
+    <!-- 入院记录 -->
+    <div id="MyDivA" >
+        <div class="admrec-cont">
+          <div class="cont-title-description">入院记录</div>
+
+          <!-- <div class="admrec-cont-header">
+              <div class="admrec-cont-header-list">
+                <span class="cont-textbold">科室:</span>
+                <span v-html="data.department"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">姓名:</span>
+                <span v-if="data.name" v-html="data.name.value"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">床号:</span>
+                <span v-if="data.bed_no" v-html="data.bed_no.value"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">住院号码:</span>
+                <span v-if="data.hospital_no" v-html="data.hospital_no.value"></span>
+              </div>
+          </div> -->
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">姓名:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.name" v-html="data.name.value"></span> </div>
+            <div class="cont-textbold">出生地:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.local_address" v-html="data.local_address.value"></span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">性别:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.sex" v-html="data.sex.value"></span></div>
+            <div class="cont-textbold">职业:</div>
+            <div class="admrec-cont-infor-list" ><span v-if="data.job" v-html="data.job.value"></span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">年龄:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.age" v-html="data.age.value"></span></div>
+            <div class="cont-textbold">入院时间: </div>
+            <div class="admrec-cont-infor-list"><span v-if="data.ry_time" v-html="data.ry_time.value"></span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">民族:</div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.nation" v-html="data.nation.value"></span> </div>
+            <div class="cont-textbold">记录时间: </div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.record_time" v-html="data.record_time.value"></span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">婚姻:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.marriage" v-html="data.marriage.value"></span></div>
+            <div class="cont-textbold">病史陈述者:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.narrator" v-html="data.narrator.value"></span> </div>
+          </div>
+
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">主诉:<span class="admrec-cont-textnor" v-if="data.zhusu" v-html="data.zhusu.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">现病史:<span class="admrec-cont-textnor" v-if="data.xianbingshi" v-html="data.xianbingshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">既往史:<span class="admrec-cont-textnor" v-if="data.jiwangshi" v-html="data.jiwangshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">个人史:<span class="admrec-cont-textnor" v-if="data.gerenshi" v-html="data.gerenshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">婚育史:<span class="admrec-cont-textnor" v-if="data.hys" v-html="data.hys.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title" v-if="data.sex&&data.sex.value == '女'">
+              <el-row v-if="data.yjjhys_format && Array.isArray(data.yjjhys_format.value) && !!(data.yjjhys_format.value.length)" type="flex" align="middle">
+                <span>月经生育史:</span>
+                <el-row class="admrec-cont-textnor" type="flex" align="middle">
+                  <span> {{(data.yjjhys_format.value)[0]}}</span>
+                  <el-row type="flex" style="flex-direction: column;text-align: center;margin: 0 5px">
+                    <span>{{(data.yjjhys_format.value)[1]}}</span>
+                    <div style="height: 1px; margin:5px 0;background: #000"/>
+                    <span>{{(data.yjjhys_format.value)[2]}}</span>
+                  </el-row>
+                  <span v-if="(data.yjjhys_format.value)[3]">
+                    {{(data.yjjhys_format.value)[3]}}
+                  </span>
+                  <span v-else>
+                    <span>已绝经</span>
+                    {{(data.yjjhys_format.value)[4]}}
+                  </span>
+                </el-row>
+              </el-row >
+              <span v-else>
+                月经生育史:<span class="admrec-cont-textnor" v-if="data.yjjhys" v-html="data.yjjhys.value"></span>
+              </span>
+            </div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">家族史:<span class="admrec-cont-textnor" v-if="data.jzs" v-html="data.jzs.value"></span></div>
+          </div>
+          <!-- <div class="admrec-cont-sign">
+            经核对，以上病史属实，请病人或家属签字确认：      <span class="admrec-cont-sign-pat">(患者签名)</span>
+          </div> -->
+          <div class="admrec-cont-physique">体格检查</div>
+          <!-- <div class="admrec-cont-physique-cont">T36.5 P105次/分 R20次/分 BP139/70mmHg</div> -->
+          <div class="admrec-cont-physique-desc">
+            <span v-if="data.tgjc" v-html="data.tgjc.value">
+            </span>
+          </div>
+          <div class="admrec-cont-physique">辅助检查</div>
+          <!-- <el-table
+            :data="fuzhujianchaData"
+            border
+            style="width: 100%">
+            <el-table-column
+              prop="time"
+              label="检查时间">
+            </el-table-column>
+            <el-table-column
+              prop="project"
+              label="检查项目">
+            </el-table-column>
+            <el-table-column
+              prop="result"
+              label="检查结果">
+            </el-table-column>
+            <el-table-column
+              prop="org"
+              label="检查医院">
+            </el-table-column>
+          </el-table> -->
+          <div class="admrec-cont-physique-desc"><span v-if="data.fzjc">{{data.fzjc.value}}</span> </div>
+          <div class="admrec-cont-prel admrec-cont-mg20 cont-textbold">
+            初步诊断：
+          </div>
+          <div class="admrec-cont-prel-text"   v-for="(item,index) in data.diagnose_list" :key="index">{{item}}</div>
+          <div class="admrec-cont-physing"><span class="cont-textbold">医师签名:</span><span v-html="data.doctor_name"></span></div>
+          <div class="admrec-bottom-time">
+              <div class="admrec-bottom-time-list">
+                <span class="cont-textbold">创建时间:</span>
+                <span v-if="data.CJSJ" v-html="data.CJSJ"></span>
+              </div>
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">首次签名时间:</span>
+                <span v-if="data.ZXSJ" v-html="data.ZXSJ"></span>
+              </div>
+          </div>
+          <div class="admrec-bottom-time">
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">末次修改时间:</span>
+                <span v-if="data.WCSJ" v-html="data.WCSJ"></span>
+              </div>
+          </div>
+        </div>
+    </div>
+</template>
+  <script>
+export default {
+  name: '',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {
+    data: {
+      type: null,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      ifFile: false,
+    };
+  },
+  computed: {
+    // fuzhujianchaData() {
+    //   const arr = []
+    //   const length = this.data.fzjc.value.length
+    //   this.data.fzjc.value.slice(1, length).map(item => {
+    //     const obj = {
+    //       time: item[0],
+    //       project: item[1],
+    //       result: item[2],
+    //       org: item[3]
+    //     }
+    //     arr.push(obj)
+    //   })
+    //   return arr
+    // }
+  },
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+  <style lang='scss' scoped>
+  #MyDivA {
+    padding: 0;
+    margin:0 30px;
+    .admrec-cont{
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+      .cont-title-description {
+        margin: 20px;
+        font-size: 24px;
+        font-weight: bold;
+        color: #2c3240;
+        text-align: center;
+      }
+      .cont-textbold{
+        font-weight: bold;
+      }
+      .admrec-cont-header{
+        height: 50px;
+        width: 100%;
+        border-bottom: 1.5px solid #e2dfdf;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        .admrec-cont-header-list{
+          width: 25%;
+        }
+
+      }
+      .admrec-cont-header-top{
+
+        width: 100%;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        margin-top: 20px;
+        .admrec-cont-header-list{
+          width: 25%;
+        }
+
+      }
+      .admrec-cont-infor{
+        width: 100%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        .admrec-cont-infor-list{
+          width: 25%;
+          padding-left: 5px;
+        }
+        .admrec-cont-infor-text{
+          text-align: right;
+        }
+      }
+      .admrec-cont-chief{
+        width: 100%;
+        .admrec-cont-chief-title{
+          font-weight: bold;
+        }
+      }
+      .admrec-cont-mg20{
+        margin-top: 20px;
+      }
+      .admrec-cont-sign{
+        width: 100%;
+        height: 30px;
+        margin-top: 30px;
+        padding-left: 10%;
+        .admrec-cont-sign-pat{
+          margin-left: 100px;
+        }
+      }
+      .admrec-cont-physique{
+        width: 100%;
+        height: 30px;
+        text-align: center;
+        margin-top: 30px;
+        font-weight: bold;
+      }
+      .admrec-cont-physique-cont{
+        width: 100%;
+        text-align: center;
+        line-height: 20px;
+      }
+      .admrec-cont-physique-desc{
+        width: 100%;
+        text-align: left;
+        line-height: 20px;
+        text-indent: 30px;
+      }
+      .admrec-cont-auxi{
+        width: 100%;
+        min-height: 30px;
+        display: flex;
+        .admrec-cont-auxi-list{
+          width: 25%;
+          text-align: left;
+        }
+      }
+      .admrec-cont-prel{
+        width: 100%;
+        padding-left: 50%;
+      }
+      .admrec-cont-prel-text{
+        width: 100%;
+        padding-left: 58%;
+        line-height: 20px;
+      }
+      .admrec-cont-physing{
+        width: 100%;
+        padding-left: 65%;
+        margin-top: 20px;
+        margin-bottom: 30px;
+      }
+      .admrec-cont-textnor{
+        font-weight: normal;
+      }
+
+    }
+  }
+  .admrec-bottom-time{
+      width: 100%;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      margin-bottom: 20px;
+      .admrec-bottom-time-list{
+        width: 50%;
+      }
+
+  }
+
+
+
+
+
+</style>

src/views/recordsRoom/qc/contFile/courseOfDisease.vue

@@ -0,0 +1,233 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">病程记录</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="UNT_ID">科室:</span>
+              <span class="refachInput-text">{{data.UNT_ID?data.UNT_ID:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA01">姓名:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">床位:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">住院号码:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" colspan="2">2022年09月01日（时：分)</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2">首次病程记录</td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 80px" colspan="2">病历特点:</td>
+            <td class="table-value" style="height: 80px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 80px" colspan="2">初步诊断:</td>
+            <td class="table-value" style="height: 80px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">诊断依据:</td>
+            <td class="table-value" style="height: 120px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">鉴别诊断:</td>
+            <td class="table-value" style="height: 120px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">诊疗计划:</td>
+            <td class="table-value" style="height: 120px" colspan="8"></td>
+          </tr>
+          <tr class="m-all">
+            <td class="table-value m-all" colspan="8" style="height: 60px"></td>
+            <td class="table-value m-all" colspan="1">医生签名：</td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr class="m-all">
+            <td class="table-value m-all" colspan="2">2022年09月01日（时：分)</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2">医师查房记录</td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 180px" colspan="10"></td>
+          </tr>
+          <tr class="m-all">
+            <td class="table-value m-all" colspan="2">2022年09月01日（时：分)</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2">医师查房记录</td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 180px" colspan="10"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+      <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+      <style lang='scss' scoped>
+#MyDiv {
+  padding: 0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+</style>
+      

src/views/recordsRoom/qc/contFile/dischargerecord.vue

@@ -0,0 +1,260 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="UNT_ID">科室:</span>
+              <span class="refachInput-text">{{data.UNT_ID?data.UNT_ID:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA01">姓名:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">床位:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">住院号码:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="cont-title-item">出院记录</div>
+
+      <div class="member-infobox">
+        <div class="info-box-1">
+          
+        </div>
+      </div>
+
+
+
+      <div class="table">
+        <table ref="tables">
+           <tr>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+            <td class="table-value m-all"  colspan="1"></td>
+           </tr> 
+          <tr>
+            <td class="table-label" colspan="2">姓名:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="2">入院日期:</td>
+            <td class="table-value" colspan="3"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="2">性别:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="2">出院日期:</td>
+            <td class="table-value" colspan="3"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="2">年龄:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="2">住院天数:</td>
+            <td class="table-value" colspan="3"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 80px" colspan="2">入院情况:</td>
+            <td class="table-value" style="height: 80px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 80px" colspan="2">初步诊断:</td>
+            <td class="table-value" style="height: 80px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">诊疗经过:</td>
+            <td class="table-value" style="height: 120px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">出院诊断:</td>
+            <td class="table-value" style="height: 120px" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-label" style="height: 120px" colspan="2">出院医嘱:</td>
+            <td class="table-value" style="height: 120px" colspan="8">
+              <tr>
+                <td class="table-label m-all">1.饮食与营养指导:</td>
+                <td class="table-value m-all" style="width: 800px"></td>
+              </tr>
+              <tr>
+                <td class="table-label m-all">2.用药指导:</td>
+                <td class="table-value m-all"></td>
+              </tr>
+              <tr>
+                <td class="table-label m-all">3.疼痛与康复指导:</td>
+                <td class="table-value m-all"></td>
+              </tr>
+              <tr>
+                <td class="table-label m-all">4.病历复印:</td>
+                <td class="table-value m-all"></td>
+              </tr>
+              <tr>
+                <td class="table-label m-all">5.复诊随访:</td>
+                <td class="table-value m-all"></td>
+              </tr>
+            </td>
+          </tr>
+          <tr class="m-all">
+            <td class="table-value m-all" colspan="8"></td>
+            <td class="table-value m-all" colspan="1">医生签名：</td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+    <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {
+    data:{
+      type: null,
+      default: false,
+    }
+  },
+  data() {
+    return {
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+    <style lang='scss' scoped>
+#MyDiv {
+  padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all{
+    border:none;
+}
+
+
+</style>
+    

src/views/recordsRoom/qc/contFile/electrocardiogram.vue

@@ -0,0 +1,233 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">心电图诊断报告</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="UNT_ID">检查日期:</span>
+              <!-- data.AAA27 -->
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">姓名:</span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">性别:</span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">年龄:</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">科室:</span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">住院号码:</span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27">床号:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">心率:</td>
+            <td class="table-value" colspan="4"></td>
+            <td class="table-label" colspan="1">间期:</td>
+            <td class="table-value" colspan="4"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">PR间期:</td>
+            <td class="table-value" colspan="4"></td>
+            <td class="table-label" colspan="1">电轴:</td>
+            <td class="table-value" colspan="4"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">QRS时限:</td>
+            <td class="table-value" colspan="4"></td>
+            <td class="table-label" colspan="1">振幅:</td>
+            <td class="table-value" colspan="4"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 300px" colspan="1">心电提示:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="6"></td>
+            <td class="table-value m-all" colspan="1">检查医生:</td>
+            <td class="table-value m-all" colspan="3"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+            <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+            <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+.refachInput {
+  width: 100px;
+}
+</style>
+          
+          

src/views/recordsRoom/qc/contFile/groupConsultation.vue

@@ -0,0 +1,255 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">会诊记录</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="UNT_ID">科室:</span>
+              <span class="refachInput-text">{{data.UNT_ID?data.UNT_ID:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA01">姓名:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">床位:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">住院号码:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <!-- 申请时间： 年 月 日 时 分 会议类型： -->
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">申请时间:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1">会议类型:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" style="height: 120px" colspan="1">患者病情及诊疗情况:</td>
+            <td class="table-value m-all" style="height: 120px" colspan="7"></td>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" style="height: 120px" colspan="1">会诊理由及目的:</td>
+            <td class="table-value m-all" style="height: 120px" colspan="7"></td>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+          </tr>
+          <tr>
+            <!-- 申请时间： 年 月 日 时 分 会议类型： -->
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">被邀会诊科室（医师）:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1">申请医师:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr style="border-top: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">会诊意见:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1">会诊时间:</td>
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">病史敬悉:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">查体:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">诊断:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" style="height: 120px" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">处理:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr>
+            <td class="table-value m-all" colspan="5"></td>
+            <td class="table-value m-all" colspan="1">会诊科室:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">会诊医师:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+             
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+        <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+        <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+</style>
+      
+      

src/views/recordsRoom/qc/contFile/hospitalized.vue

@@ -0,0 +1,255 @@
+<template>
+    <div id="MyDiv">
+      <div class="cont-left">
+        <div class="cont-title-description">滨州医学院烟台附属医院</div>
+        <div>
+          <el-row type="flex" class="row-bg" justify="space-around">
+            <el-col :span="6">
+              <div class="refachInput">
+                <span ref="UNT_ID">科室:</span>
+                <span class="refachInput-text">{{data.UNT_ID?data.UNT_ID:'暂无'}}</span>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="refachInput">
+                <span ref="AAA01">姓名:</span>
+                <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="refachInput">
+                <span ref="AAA27">床位:</span>
+                <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="refachInput">
+                <span ref="AAA27">住院号码:</span>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="cont-title-item">入院记录</div>
+        <div class="table">
+          <table ref="tables">
+             <tr>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+              <td class="table-value m-all"  colspan="1"></td>
+             </tr> 
+            <tr>
+              <td class="table-label" colspan="2">姓名:</td>
+              <td class="table-value" colspan="3"></td>
+              <td class="table-label" colspan="2">入院日期:</td>
+              <td class="table-value" colspan="3"></td>
+            </tr>
+            <tr>
+              <td class="table-label" colspan="2">性别:</td>
+              <td class="table-value" colspan="3"></td>
+              <td class="table-label" colspan="2">出院日期:</td>
+              <td class="table-value" colspan="3"></td>
+            </tr>
+            <tr>
+              <td class="table-label" colspan="2">年龄:</td>
+              <td class="table-value" colspan="3"></td>
+              <td class="table-label" colspan="2">住院天数:</td>
+              <td class="table-value" colspan="3"></td>
+            </tr>
+            <tr>
+              <td class="table-label" style="height: 80px" colspan="2">主诉:</td>
+              <td class="table-value" style="height: 80px" colspan="8"></td>
+            </tr>
+            <tr>
+              <td class="table-label" style="height: 80px" colspan="2">现病史:</td>
+              <td class="table-value" style="height: 80px" colspan="8"></td>
+            </tr>
+            <tr>
+              <td class="table-label" style="height: 120px" colspan="2">既往史:</td>
+              <td class="table-value" style="height: 120px" colspan="8"></td>
+            </tr>
+            <tr>
+              <td class="table-label" style="height: 120px" colspan="2">个人史:</td>
+              <td class="table-value" style="height: 120px" colspan="8"></td>
+            </tr>
+            <tr>
+              <td class="table-label" style="height: 120px" colspan="2">月经婚育史:</td>
+              <td class="table-value" style="height: 120px" colspan="8"></td>
+            </tr>
+            <tr>
+              <!-- <td class="table-value m-all" colspan="1"></td> -->
+              <td class="table-value m-right" style="height: 120px" colspan="3">经核对，以上病史属实，请病人或家属签字确认:</td>
+              <td class="table-value m-left" style="height: 120px" colspan="7"></td>
+            </tr>
+            <tr>
+                <td class="table-label" colspan="10">体格检查</td>
+            </tr>
+            <tr>
+                <td class="table-value" style="height: 200px" colspan="10"></td>
+            </tr>
+            <tr>
+                <td class="table-label" colspan="10">专科检查</td>
+            </tr>
+            <tr>
+                <td class="table-value" style="height: 200px" colspan="10"></td>
+            </tr>
+            <tr>
+                <td class="table-label" colspan="10">辅助检查</td>
+            </tr>
+            <tr>
+                <td class="table-value" style="height: 200px" colspan="10"></td>
+            </tr>
+            <tr>
+                <td class="table-label" colspan="10">初步诊断</td>
+            </tr>
+            <tr>
+                <td class="table-value" style="height: 200px" colspan="10"></td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </div>
+  </template>
+      <script>
+  // import OtherComponent from '@/components/OtherComponent'
+  export default {
+    name: 'passwordManagement',
+    components: {
+      // OtherComponent
+    },
+    directives: {},
+    filters: {},
+    extends: {},
+    mixins: {},
+    props: {},
+    data() {
+      return {
+        data: '',
+        ifFile: false,
+      };
+    },
+    computed: {},
+    watch: {},
+    beforeCreate() {
+      // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+    },
+    created() {
+      // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+      // 初始化渲染页面
+    },
+    beforeMount() {
+      // 生命周期钩子：模板编译/挂载之前
+    },
+    mounted() {
+      // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+    },
+    beforeUpate() {
+      // 生命周期钩子：组件更新之前
+    },
+    updated() {
+      // 生命周期钩子：组件更新之后
+    },
+    activated() {
+      // 生命周期钩子：keep-alive 组件激活时调用
+    },
+    deactivated() {
+      // 生命周期钩子：keep-alive 组件停用时调用
+    },
+    beforeDestroy() {
+      // 生命周期钩子：实例销毁前调用
+    },
+    destroyed() {
+      // 生命周期钩子：实例销毁后调用
+    },
+    errorCaptured(err, vm, info) {
+      // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+      console.log(err, vm, info);
+    },
+    methods: {},
+  };
+  </script>
+      <style lang='scss' scoped>
+  #MyDiv {
+    padding:0 15px;
+    margin: 0 15px;
+  }
+  .cont-title {
+    display: flex;
+    justify-content: space-between;
+    span {
+      padding: 5px;
+    }
+  }
+  .cont-title-item {
+    width: 100%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: center;
+    font-size: 20px;
+    padding: 50px 0 10px 0;
+    font-weight: 600;
+  }
+  .cont-left {
+    //   flex: 1;
+    //   min-height: 650px;
+    //   margin: 0 15px;
+    //   height: 800px;
+    //   overflow-y: scroll;
+    background: #ffffff;
+    // border: 1px solid #e2e2e2;
+    padding: 10px;
+  }
+  .cont-title-description {
+    margin: 20px;
+    font-size: 24px;
+    font-weight: bold;
+    color: #2c3240;
+    //   width: 1200px;
+    text-align: center;
+  }
+  table {
+    min-width: 1000px;
+    table-layout: fixed;
+    empty-cells: show;
+    border-collapse: collapse;
+    margin: 0 auto;
+    margin-bottom: 30px;
+    td {
+      border: 1px solid #dddddd;
+      // padding-left: 16px;
+      text-align: center;
+      font-size: 12px;
+      box-sizing: border-box;
+    }
+    .table-label {
+      width: 150px;
+      height: 40px;
+      color: #666666;
+      background-color: #f9f9f9;
+    }
+    .table-value {
+      width: 210px;
+      height: 40px;
+      color: #333333;
+      // padding-right: 16px;
+      text-align: center;
+    }
+  }
+  .m-all{
+      border:none;
+  }
+  .m-left{
+    border-left:none;
+  }
+  .m-right{
+    border-right:none;
+  }
+  </style>
+    
+    

src/views/recordsRoom/qc/contFile/image.vue

@@ -0,0 +1,227 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">影像诊断报告</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="UNT_ID">检查日期:</span>
+              <!-- data.AAA27 -->
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="2">
+            <div class="refachInput">
+              <span ref="AAA27">报告日期:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">患者姓名:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">性别:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">年龄:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">影像号:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">科室:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">住院号码:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">床号:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">检查号:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 300px" colspan="1">影像学表现:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 300px" colspan="1">影像学诊断:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            
+            <td class="table-value m-all" colspan="3"></td>
+            <td class="table-value m-all" colspan="1">检查医生:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">审核医生:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="3"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="3">【本报告仅供临床医生诊断参考使用】</td>
+            <td class="table-value m-all" colspan="7"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+          <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+          <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+</style>
+        
+        

src/views/recordsRoom/qc/contFile/imgsText.vue

@@ -0,0 +1,235 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">病历图文报告</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="UNT_ID"></span>
+              <!-- data.AAA27 -->
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="2">
+            <div class="refachInput">
+              <span ref="AAA27">病理号:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">患者姓名:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">性别:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">年龄:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">住院号码:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">送检医院:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">科别:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="1">送检日期:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">临床诊断:</td>
+            <td class="table-value" colspan="6"></td>
+            <td class="table-label" colspan="1">送检医生:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 120px" colspan="1">大体描述:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 120px" colspan="1">镜下所见:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 200px" colspan="1">病理诊断:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1">诊断医生:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">复诊医生:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">报告日期:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="3">注:如对病理诊断有疑问，请及时联系诊断医师。</td>
+            <td class="table-value m-all" colspan="7"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+        <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+        <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+</style>
+      
+      

src/views/recordsRoom/qc/contFile/inspectionReport.vue

@@ -0,0 +1,267 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院检验报告单</div>
+      <div class="cont-title-item">住院</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="UNT_ID">条形码:</span>
+              <!-- data.AAA27 -->
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="2">
+            <div class="refachInput">
+              <span ref="AAA27">No:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">姓名:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">性别:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">年龄:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">床号:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">样本类型:</td>
+            <td class="table-value" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">样本状态:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">住院号码:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">病区:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">临床诊断:</td>
+            <td class="table-value" colspan="3"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="2">英文:</td>
+            <td class="table-label" colspan="2">检验项目:</td>
+            <td class="table-label" colspan="2">结果:</td>
+            <td class="table-label" colspan="2">参考范围:</td>
+            <td class="table-label" colspan="2">单位:</td>
+          </tr>
+          <tr>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;">
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2">送检医生:</td>
+            <td class="table-value m-all" colspan="2">检验员:</td>
+            <td class="table-value m-all" colspan="2">审核员:</td>
+            <td class="table-value m-all" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;">
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="2">采集时间:</td>
+            <td class="table-value m-all" colspan="2">接收时间:</td>
+            <td class="table-value m-all" colspan="2">报告时间:</td>
+            <td class="table-value m-all" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" style="text-align: left;" colspan="6">
+              注：此报告仅对送检标本负责，供医生参考。标*项目为质评合格项目。如有疑问请在48小时内反馈至检验科。地址：烟台市牟平区金埠大街717号滨州医学院烟台附属医院门诊部3楼检验科。电话：0535-4770362。
+            </td>
+            <td class="table-value m-all" colspan="3"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+              <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+              <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+.refachInput {
+  width: 100px;
+}
+</style>
+            
+            

src/views/recordsRoom/qc/contFile/medicalAdvice.vue

@@ -1,32 +1,49 @@
-
 <template>
   <div id="MyDiv">
     <div class="cont-left">
-      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-description">{{systemSetting.web_name}}</div>
       <div class="cont-title-item">长期医嘱单</div>
-      <div />
+      <div></div>
       <div class="cont-title-name">
-        <div class="cont-title-item"><span class="cont-title-text">姓名:</span><span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA01 }}</span></div>
-        <div class="cont-title-item"><span class="cont-title-text">性别:</span><span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA02C }}</span></div>
-        <div class="cont-title-item"><span class="cont-title-text">年龄:</span><span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA04 }}</span></div>
-        <div class="cont-title-item"><span class="cont-title-text cont-title-twidt">科别:</span><span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAB02C }}</span></div>
-        <div class="cont-title-item"><span class="cont-title-text">床号:</span><span class="cont-title-normal" /></div>
-        <div class="cont-title-item"><span class="cont-title-text">住院号:</span><span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA28 }}</span></div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">姓名:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA01 }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">性别:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA02C }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">年龄:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA04 }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text cont-title-twidt">科别:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAB02C }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">床号:</span>
+          <span class="cont-title-normal"></span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">住院号码:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA28 }}</span>
+        </div>
       </div>
       <div class="table">
         <table ref="tables">
-          <tr style="height:10px;">
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
-            <td style="height:10px;" class="table-value m-all" colspan="1" />
+          <tr style="height: 10px">
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
           </tr>
           <tr>
             <td class="table-label medical-font" colspan="7">开始</td>
@@ -46,7 +63,7 @@
             <td class="table-label medical-font" colspan="1">护士签名</td>
           </tr>
 
-          <tr v-for="(item,index) in dataObj.list" :key="index">
+          <tr v-for="(item, index) in dataObj.list" :key="index">
             <td class="table-value" colspan="1">{{ item.KSDATE }}</td>
             <td class="table-value" colspan="1">{{ item.KSTIME }}</td>
             <td class="table-value" colspan="1">{{ item.YZMC }}</td>
@@ -59,28 +76,6 @@
             <td class="table-value" colspan="1">{{ item.TZYS }}</td>
             <td class="table-value" colspan="1">{{ item.XZJDGH }}</td>
           </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="2" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="2" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
         </table>
       </div>
     </div>
@@ -88,8 +83,10 @@
 </template>
 <script>
 // import OtherComponent from '@/components/OtherComponent'
+import { mapState } from 'vuex'
+
 export default {
-  name: 'PasswordManagement',
+  name: 'passwordManagement',
   directives: {},
   filters: {},
   extends: {},
@@ -97,13 +94,18 @@ export default {
   props: {
     dataObj: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
+  },
+  computed: {
+    ...mapState({
+      systemSetting: (state) => state.app.systemSetting
+    }),
   },
   watch: {},
   beforeCreate() {
@@ -139,113 +141,112 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
-          <style lang='scss' scoped>
-  #MyDiv {
-    // padding:0 15px;
-    margin: 0 15px;
-  }
-  .cont-title {
-    display: flex;
-    justify-content: space-between;
-    span {
-      padding: 5px;
-    }
+<style lang="scss" scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
   }
-  .cont-title-item {
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 20px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+  .cont-title-name {
     width: 100%;
-    margin: 0 auto;
+    height: 50px;
     display: flex;
-    justify-content: center;
-    font-size: 20px;
-    padding: 20px 0 10px 0;
-    font-weight: 600;
-  }
-  .cont-left {
-    //   flex: 1;
-    //   min-height: 650px;
-    //   margin: 0 15px;
-    //   height: 800px;
-    //   overflow-y: scroll;
-    background: #ffffff;
-    // border: 1px solid #e2e2e2;
-    padding: 10px;
-    .cont-title-name{
-      width: 100%;
-      height: 50px;
+    // align-items: flex-end;
+    justify-content: space-between;
+    .cont-title-item {
+      flex: 1;
+      text-align: left;
       display: flex;
-      // align-items: flex-end;
-      justify-content: space-between;
-      .cont-title-item{
-        flex: 1;
-        text-align: left;
-        display: flex;
-        justify-content: left;
-      }
-      .cont-title-text{
-        font-weight: bold;
-      }
-      .cont-title-twidt{
-        width: 35px;
-      }
-      .cont-title-normal{
-        font-weight: normal;
-        margin-left: 5px;
-      }
+      justify-content: left;
     }
-  }
-  .cont-title-description {
-    margin: 20px;
-    font-size: 24px;
-    font-weight: bold;
-    color: #2c3240;
-    //   width: 1200px;
-    text-align: center;
-  }
-  table {
-    min-width: 1000px;
-    table-layout: fixed;
-    empty-cells: show;
-    border-collapse: collapse;
-    margin: 0 auto;
-    margin-bottom: 30px;
-
-    td {
-      border: 1px solid #dddddd;
-      // padding-left: 16px;
-      text-align: center;
-      font-size: 12px;
-      box-sizing: border-box;
+    .cont-title-text {
+      font-weight: bold;
     }
-    .table-label {
-      width: 150px;
-      height: 40px;
-      color: #666666;
-      background-color: #f9f9f9;
+    .cont-title-twidt {
+      width: 35px;
     }
-    .table-value {
-      width: 210px;
-      height: 40px;
-      color: #333333;
-      // padding-right: 16px;
-      text-align: center;
+    .cont-title-normal {
+      font-weight: normal;
+      margin-left: 5px;
     }
   }
-  .m-all {
-    border: none;
-  }
-  .m-left {
-    border-left: none;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
   }
-  .m-right {
-    border-right: none;
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
   }
-  .medical-font{
-    font-weight: bold;
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
   }
-  </style>
-
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+.medical-font {
+  font-weight: bold;
+}
+</style>

src/views/recordsRoom/qc/contFile/medicalTemporary.vue

@@ -1,48 +1,48 @@
 <template>
   <div id="MyDiv">
     <div class="cont-left">
-      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-description">{{systemSetting.web_name}}</div>
       <div class="cont-title-item">临时医嘱单</div>
-      <div />
+      <div></div>
       <div class="cont-title-name">
         <div class="cont-title-item">
           <span class="cont-title-text">姓名:</span>
-          <span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA01 }}</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA01 }}</span>
         </div>
         <div class="cont-title-item">
           <span class="cont-title-text">性别:</span>
-          <span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA02C }}</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA02C }}</span>
         </div>
         <div class="cont-title-item">
           <span class="cont-title-text">年龄:</span>
-          <span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA04 }}</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA04 }}</span>
         </div>
         <div class="cont-title-item">
           <span class="cont-title-text cont-title-twidt">科别:</span>
-          <span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAB02C }}</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAB02C }}</span>
         </div>
         <div class="cont-title-item">
           <span class="cont-title-text">床号:</span>
-          <span class="cont-title-normal" />
+          <span class="cont-title-normal"></span>
         </div>
         <div class="cont-title-item">
-          <span class="cont-title-text">住院号:</span>
-          <span v-if="dataObj.info" class="cont-title-normal">{{ dataObj.info.AAA28 }}</span>
+          <span class="cont-title-text">住院号码:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA28 }}</span>
         </div>
       </div>
       <div class="table">
         <table ref="tables">
           <tr style="height: 10px">
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
-            <td style="height: 10px" class="table-value m-all" colspan="1" />
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
           </tr>
 
           <tr>
@@ -65,59 +65,19 @@
             <td class="table-value" colspan="1">{{ item.XZJDGH }}</td>
             <td class="table-value" colspan="1">{{ item.XZJDSJ }}</td>
           </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="5" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="5" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="5" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="5" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="5" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-            <td class="table-value" colspan="1" />
-          </tr>
         </table>
       </div>
       <div class="bottom-time bottom-time-top">
-        <div v-if="dataObj.info.HCRQ" class="bottom-time-list">
+        <div class="bottom-time-list" v-if="dataObj.info.HCRQ">
           <span class="bottom-time-bold">护士分床时间:</span>
           <span>{{ dataObj.info.HCRQ }}</span>
         </div>
-        <div v-if="dataObj.info.AAC01" class="bottom-time-list">
+        <div class="bottom-time-list" v-if="dataObj.info.AAC01">
           <span class="bottom-time-bold">出院时间:</span>
           <span>{{ dataObj.info.AAC01 }}</span>
         </div>
       </div>
-      <div v-if="dataObj.info.SWSJ" class="bottom-time bottom-time-botom">
+      <div class="bottom-time bottom-time-botom" v-if="dataObj.info.SWSJ">
         <div class="bottom-time-list">
           <span class="bottom-time-bold">死亡时间:</span>
           <span>{{ dataObj.info.SWSJ }}</span>
@@ -128,8 +88,10 @@
 </template>
 <script>
 // import OtherComponent from '@/components/OtherComponent'
+import { mapState } from 'vuex'
+
 export default {
-  name: 'MedicalTemporary',
+  name: 'medicalTemporary',
   components: {
     // OtherComponent
   },
@@ -140,16 +102,20 @@ export default {
   props: {
     dataObj: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
   data() {
     return {
       data: '',
-      ifFile: false
-    }
+      ifFile: false,
+    };
+  },
+  computed: {
+    ...mapState({
+      systemSetting: (state) => state.app.systemSetting
+    }),
   },
-  computed: {},
   watch: {},
   beforeCreate() {
     // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
@@ -184,10 +150,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #MyDiv {

src/views/recordsRoom/qc/contFile/newContFile.vue

@@ -1,17 +1,39 @@
 <template>
   <div id="MyDiv">
     <div class="cont-left">
-      <div class="cont-title-description">{{ name }}</div>
+      <div class="cont-title-description">{{name}}</div>
       <div>
-        <div v-html="textHtml" />
+        <div v-html="textHtml(data.HJNR)"></div>
       </div>
+      <div class="bottom-time bottom-time-top">
+      <div class="bottom-time-list">
+        <span class="bottom-time-bold">医生签名:</span>
+        <span>{{ data.doctor_name }}</span>
+      </div>
+    </div>
+    <div class="bottom-time bottom-time-top">
+      <div class="bottom-time-list" v-if="data.CJSJ">
+        <span class="bottom-time-bold">创建时间:</span>
+        <span>{{ data.CJSJ }}</span>
+      </div>
+      <div class="bottom-time-list" v-if="data.ZXSJ">
+        <span class="bottom-time-bold">首次签名时间:</span>
+        <span>{{ data.ZXSJ }}</span>
+      </div>
+    </div>
+    <div class="bottom-time bottom-time-botom" v-if="data.WCSJ">
+      <div class="bottom-time-list">
+        <span class="bottom-time-bold">末次修改时间:</span>
+        <span>{{ data.WCSJ }}</span>
+      </div>
+    </div>
     </div>
   </div>
 </template>
 <script>
 // import OtherComponent from '@/components/OtherComponent'
 export default {
-  name: 'NewContFile',
+  name: 'newContFile',
   components: {
     // OtherComponent
   },
@@ -22,18 +44,18 @@ export default {
   props: {
     name: {
       type: String,
-      default: '标题'
+      default: '标题',
     },
-    text: {
-      type: String,
-      default: ''
+    data:{
+      type: Object,
+      default:''
     }
   },
   data() {
     return {
       ifFile: false,
-      textHtml: this.text
-    }
+      // textHtml:this.text
+    };
   },
   computed: {},
   watch: {},
@@ -43,9 +65,9 @@ export default {
   created() {
     // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
     // 初始化渲染页面
-    var textHtml = this.textHtml
-    var reg = new RegExp('\r\n', 'g')
-    this.textHtml = textHtml.replaceAll(reg, '<br/>')
+    // var textHtml = this.textHtml;
+    // var reg = new RegExp("\r\n", "g");
+    // this.textHtml = textHtml.replaceAll(reg, '<br/>');
   },
 
   beforeMount() {
@@ -74,10 +96,15 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {
+    textHtml(params) {
+      var reg = new RegExp("\r\n", "g");
+      return params.replaceAll(reg, '<br/>');
+    }
+  },
+};
 </script>
 <style lang='scss' scoped>
 #MyDiv {
@@ -156,4 +183,5 @@ table {
   border-right: none;
 }
 </style>
-
+    
+    

src/views/recordsRoom/qc/contFile/operation.vue

@@ -0,0 +1,267 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">手术记录</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="UNT_ID">科室:</span>
+              <span class="refachInput-text">{{data.UNT_ID?data.UNT_ID:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA01">姓名:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">床位:</span>
+              <span class="refachInput-text">{{data.AAA01?data.AAA01:'暂无'}}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="refachInput">
+              <span ref="AAA27">住院号码:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">患者姓名:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="1">性别:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">年龄:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">手术日期:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="1">手术时间:</td>
+            <td class="table-value" colspan="5"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">术前诊断:</td>
+            <td class="table-value" colspan="9"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">术中诊断:</td>
+            <td class="table-value" colspan="9"></td>
+          </tr>
+          <tr>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="3">手术经过、术中出现的情况及处理:</td>
+            <td class="table-value m-all" colspan="6"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="2">术中改变手术方式:</td>
+            <td class="table-value m-all" colspan="1">是</td>
+            <td class="table-value m-all" colspan="1">理由：</td>
+            <td class="table-value m-all" style="text-align: left" colspan="6">（如果是填写理由)</td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="2">引流材料名称:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">数目:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">放置位置</td>
+            <td class="table-value m-all" style="text-align: left" colspan="5"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="2">送检标本名称:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="2">送检标本名称:</td>
+            <td class="table-value m-all" colspan="8"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="2">术中用药（麻醉药品除外）:</td>
+            <td class="table-value m-all" colspan="1">是</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">输血:</td>
+            <td class="table-value m-all" colspan="4"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1">手术医师:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">麻醉医师:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">巡回护士:</td>
+            <td class="table-value m-all" colspan="2"></td>
+            <td class="table-value m-all" colspan="1">三方核查无误。</td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;border-bottom:1px solid #dddddd;">
+            <td class="table-label" colspan="1">手术患者签名:</td>
+            <td class="table-value" colspan="3"></td>
+            <td class="table-label" colspan="1">记录时间:</td>
+            <td class="table-value" colspan="5"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+      <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+      <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+</style>
+    
+    

src/views/recordsRoom/qc/contFile/ultrasonic.vue

@@ -0,0 +1,219 @@
+<template>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">超声诊断报告</div>
+      <div>
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="UNT_ID">编号:</span>
+              <!-- data.AAA27 -->
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="1">
+            <div class="refachInput">
+              <span ref="AAA27"></span>
+            </div>
+          </el-col>
+          <el-col :span="2">
+            <div class="refachInput">
+              <span ref="AAA27">病人号:</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="table">
+        <table ref="tables">
+          <tr>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label" colspan="1">患者姓名:</td>
+            <td class="table-value" colspan="2"></td>
+            <td class="table-label" colspan="1">性别:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">年龄:</td>
+            <td class="table-value" colspan="1"></td>
+            <td class="table-label" colspan="1">住院号码:</td>
+            <td class="table-value" colspan="2"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 300px" colspan="1">超声所见:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd">
+            <td class="table-value m-all" style="height: 300px" colspan="1">超声提示:</td>
+            <td class="table-value m-all" colspan="9"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="1">检查医生:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">审核医生:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">录入员:</td>
+            <td class="table-value m-all" colspan="1"></td>
+            <td class="table-value m-all" colspan="1">会诊医师:</td>
+            <td class="table-value m-all" colspan="3"></td>
+          </tr>
+          <tr style="border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd">
+            <td class="table-value m-all" colspan="3">本诊断报告仅供临床参考，报告仅此一份，复诊时带来</td>
+            <td class="table-value m-all" colspan="1">检查日期:</td>
+            <td class="table-value m-all" colspan="6"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+        <script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {},
+  data() {
+    return {
+      data: '',
+      ifFile: false,
+    };
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+        <style lang='scss' scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
+  }
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 50px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
+  }
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
+  }
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
+  }
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+</style>
+      
+      

src/views/recordsRoom/qc/report/caseImageText.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 病历图文报告单 -->
   <div id="caseImageTextA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="caseit-cont">
+    <div class="caseit-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
       <div class="cont-title-description">滨州医学院烟台附属医院病理诊断报告</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
 
@@ -37,7 +37,7 @@
         <div class="caseit-cont-infor-list">
           <span>{{ dataObj.SQKSMC }}</span>
         </div>
-        <div class="caseit-cont-infor-title cont-textbold">住院号:</div>
+        <div class="caseit-cont-infor-title cont-textbold">住院号码:</div>
         <div class="caseit-cont-infor-list">
           <span>{{ dataObj.JZLSH }}</span>
         </div>
@@ -59,11 +59,11 @@
 
       <div class="caseit-cont-chief caseit-cont-mg20">
         <div class="caseit-cont-chief-title">大体描述:</div>
-        <div v-for="(jitem, index) in dataObj.JCBW" :key="index" class="caseit-cont-chief-cont">{{ jitem }}</div>
+        <div class="caseit-cont-chief-cont" v-for="(jitem, index) in dataObj.JCBW" :key="index">{{ jitem }}</div>
       </div>
       <div class="caseit-cont-chief caseit-cont-mg20 caseit-cont-chief-tb">
         <div class="caseit-cont-chief-title">病理诊断:</div>
-        <div v-for="(jitem, index) in dataObj.YXZD" :key="index" class="caseit-cont-chief-cont">{{ jitem }}</div>
+        <div class="caseit-cont-chief-cont" v-for="(jitem, index) in dataObj.YXZD" :key="index">{{ jitem }}</div>
       </div>
 
       <div class="caseit-cont-sign">
@@ -95,13 +95,13 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {},
   watch: {},
@@ -138,10 +138,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #caseImageTextA {

src/views/recordsRoom/qc/report/checkout.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 检验报告单 -->
   <div id="checkoutA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="checkout-cont">
-      <div class="cont-title-description">滨州医学院烟台附属医院检验报告单</div>
+    <div class="checkout-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
+      <div class="cont-title-description">{{systemSetting.web_name}}检验报告单</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
-      <div class="checkout-cont-header" />
+      <div class="checkout-cont-header"></div>
 
       <div class="checkout-cont-infortop">
         <div class="checkout-cont-infor-title cont-textbold">姓名:</div>
@@ -23,7 +23,7 @@
         <div class="checkout-cont-infor-list">
           <span>{{ dataObj.BQ }}</span>
         </div>
-        <div class="checkout-cont-infor-title cont-textbold">住院号:</div>
+        <div class="checkout-cont-infor-title cont-textbold">住院号码:</div>
         <div class="checkout-cont-infor-list">
           <span>{{ dataObj.AAA28 }}</span>
         </div>
@@ -39,7 +39,7 @@
         </div>
         <div class="checkout-cont-infor-title cont-textbold">审查目的:</div>
         <div class="checkout-cont-infor-list">
-          <span />
+          <span></span>
         </div>
       </div>
       <div class="checkout-cont-infortop checkout-cont-inforbotm">
@@ -57,8 +57,8 @@
         </div>
       </div>
 
-      <div class="checkout-cont-infor-line" />
-      <div v-if="dataObj.template_type == 1" class="checkout-cont-info">
+      <div class="checkout-cont-infor-line"></div>
+      <div class="checkout-cont-info" v-if="dataObj.template_type == 1">
         <div class="checkout-cont-chief checkout-cont-mg20">
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌培养结果</div>
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌名称</div>
@@ -67,7 +67,7 @@
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">药敏结果</div>
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">部位（样本类型）</div>
         </div>
-        <div v-for="(item, index) in dataObj.JCXM" :key="index" class="checkout-cont-chief checkout-cont-mg20">
+        <div class="checkout-cont-chief checkout-cont-mg20" v-for="(item, index) in dataObj.JCXM" :key="index">
           <div class="checkout-cont-chief-item">{{ item.PYJG }}</div>
           <div class="checkout-cont-chief-item">{{ item.XJMC }}</div>
           <div class="checkout-cont-chief-item">{{ item.XJSL }}</div>
@@ -76,20 +76,20 @@
           <div class="checkout-cont-chief-item">{{ item.YMBW }}</div>
         </div>
       </div>
-      <div v-if="dataObj.template_type == 2" class="checkout-cont-info">
+      <div class="checkout-cont-info" v-if="dataObj.template_type == 2">
         <div class="checkout-cont-chief checkout-cont-mg20">
           <div class="checkout-cont-chief-item checkout-cont-chief-bole checkout-cont-tc">序号</div>
-          <div class="checkout-cont-chief-item checkout-cont-chief-bole">中文名称</div>
-          <div class="checkout-cont-chief-item checkout-cont-chief-bole">英文名称</div>
+          <div class="checkout-cont-chief-item checkout-cont-chief-bole" style="width: 25%">中文名称</div>
+          <!-- <div class="checkout-cont-chief-item checkout-cont-chief-bole">英文名称</div> -->
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">检验结果</div>
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">异常结果提示</div>
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">参考范围</div>
           <div class="checkout-cont-chief-item checkout-cont-chief-bole">单位</div>
         </div>
-        <div v-for="(jitem, index) in dataObj.JCXM" :key="index" class="checkout-cont-chief checkout-cont-mg20">
-          <div class="checkout-cont-chief-item checkout-cont-tc">{{ index }}</div>
-          <div class="checkout-cont-chief-item">{{ jitem.JYXM }}</div>
-          <div class="checkout-cont-chief-item">{{ jitem.YW }}</div>
+        <div class="checkout-cont-chief checkout-cont-mg20" v-for="(jitem, index) in dataObj.JCXM" :key="index">
+          <div class="checkout-cont-chief-item checkout-cont-tc">{{ index + 1 }}</div>
+          <div class="checkout-cont-chief-item" style="width: 25%">{{ jitem.JYXM }}</div>
+          <!-- <div class="checkout-cont-chief-item">{{ jitem.YW }}</div> -->
           <div class="checkout-cont-chief-item">{{ jitem.JG }}</div>
           <div class="checkout-cont-chief-item">{{ jitem.TS }}</div>
           <div class="checkout-cont-chief-item">{{ jitem.CKFW }}</div>
@@ -97,7 +97,7 @@
         </div>
       </div>
 
-      <div class="checkout-cont-infor-line" />
+      <div class="checkout-cont-infor-line"></div>
       <div class="checkout-cont-zd">
         <span class="checkout-cont-zd-title">临床诊断为</span>
       </div>
@@ -119,6 +119,8 @@
   </div>
 </template>
 <script>
+import { mapState } from 'vuex'
+
 export default {
   name: '',
   components: {
@@ -131,15 +133,20 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      hospital: '',
+      ifFile: false,
+    };
+  },
+  computed: {
+    ...mapState({
+      systemSetting: (state) => state.app.systemSetting
+    }),
   },
-  computed: {},
   watch: {},
   beforeCreate() {
     // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
@@ -151,7 +158,7 @@ export default {
   beforeMount() {
     // 生命周期钩子：模板编译/挂载之前
   },
-  mounted() {
+  async mounted() {
     // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
   },
   beforeUpate() {
@@ -174,10 +181,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #checkoutA {
@@ -291,6 +298,7 @@ export default {
         width: 15%;
         text-align: left;
         padding-right: 15px;
+        box-sizing: border-box;
       }
       .checkout-cont-tc {
         text-align: center;

src/views/recordsRoom/qc/report/electrocar.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 心电图诊断报告单 -->
   <div id="electrocarA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="elect-cont">
+    <div class="elect-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
       <div class="cont-title-description">滨州医学院烟台附属医院心电图诊断报告</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
-      <div class="elect-cont-header" />
+      <div class="elect-cont-header"></div>
 
       <div class="elect-cont-time elect-cont-mian-border">
         <div class="elect-cont-time-name elect-cont-time-title">检查日期：</div>
@@ -23,22 +23,22 @@
       <div class="elect-cont-mian">
         <div class="elect-cont-mian-name elect-cont-main-title">科室:</div>
         <div class="elect-cont-main-item">{{ dataObj.SQKSMC }}</div>
-        <div class="elect-cont-main-name elect-cont-main-title">住院号：</div>
+        <div class="elect-cont-main-name elect-cont-main-title">住院号码：</div>
         <div class="elect-cont-main-item">{{ dataObj.JZLSH }}</div>
         <div class="elect-cont-main-name elect-cont-main-title">检查号：</div>
         <div class="elect-cont-main-item">{{ dataObj.CT464003 }}</div>
       </div>
 
-      <div class="elect-cont-infor-line" />
+      <div class="elect-cont-infor-line"></div>
 
       <div class="elect-cont-infor-text">{{ dataObj.JCMC }}</div>
 
       <div class="elect-cont-chief elect-cont-mg20">
         <div class="elect-cont-chief-title">
           心电图提示:
-          <span class="elect-cont-textnor" />
+          <span class="elect-cont-textnor"></span>
         </div>
-        <div v-for="(jitem, index) in dataObj.YXZD" :key="index" class="caseit-cont-chief-cont">{{ jitem }}</div>
+        <div class="caseit-cont-chief-cont" v-for="(jitem, index) in dataObj.YXZD" :key="index">{{ jitem }}</div>
       </div>
 
       <div class="elect-cont-sign elect-cont-sign-top">
@@ -82,13 +82,13 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {},
   watch: {},
@@ -125,10 +125,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #electrocarA {

src/views/recordsRoom/qc/report/imaging.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 影像报告单 -->
   <div id="imagingA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="uimag-cont">
+    <div class="uimag-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
       <div class="cont-title-description">滨州医学院烟台附属医院影像诊断报告</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
-      <div class="uimag-cont-header" />
+      <div class="uimag-cont-header"></div>
       <div class="uimag-cont-infortop">
         <div class="uimag-cont-infor-titlet cont-textbold">检查日期:</div>
         <div class="uimag-cont-infor-listwl">
@@ -26,7 +26,7 @@
         </div>
         <div class="uimag-cont-infor-title cont-textbold">年龄:</div>
         <div class="uimag-cont-infor-list">
-          <span />
+          <span></span>
           {{ dataObj.BRNL }}
         </div>
         <div class="uimag-cont-infor-title cont-textbold">影像号:</div>
@@ -39,7 +39,7 @@
         <div class="uimag-cont-infor-list">
           <span>{{ dataObj.SQKSMC }}</span>
         </div>
-        <div class="uimag-cont-infor-title cont-textbold">住院号:</div>
+        <div class="uimag-cont-infor-title cont-textbold">住院号码:</div>
         <div class="uimag-cont-infor-list">
           <span>{{ dataObj.JZLSH }}</span>
         </div>
@@ -52,22 +52,22 @@
           <span>{{ dataObj.StudyUid }}</span>
         </div>
       </div>
-      <div class="uimag-cont-infor-line" />
+      <div class="uimag-cont-infor-line"></div>
       <div class="elect-cont-infor-text">{{ dataObj.JCMC }}</div>
 
       <div class="uimag-cont-chief uimag-cont-mg20">
         <div class="uimag-cont-chief-title">
           影像学表现:
-          <span class="uimag-cont-textnor" />
+          <span class="uimag-cont-textnor"></span>
         </div>
-        <div v-for="(jitem, index) in dataObj.YXBX" :key="index" class="caseit-cont-chief-cont">{{ jitem }}</div>
+        <div class="caseit-cont-chief-cont" v-for="(jitem, index) in dataObj.YXBX" :key="index">{{ jitem }}</div>
       </div>
       <div class="uimag-cont-chief uimag-cont-mg20">
         <div class="uimag-cont-chief-title">
           影像学诊断:
-          <span class="uimag-cont-textnor" />
+          <span class="uimag-cont-textnor"></span>
         </div>
-        <div v-for="(jitem, index) in dataObj.YXZD" :key="index" class="caseit-cont-chief-cont">{{ jitem }}</div>
+        <div class="caseit-cont-chief-cont" v-for="(jitem, index) in dataObj.YXZD" :key="index">{{ jitem }}</div>
       </div>
 
       <div class="uimag-cont-sign uimag-cont-sign-top">
@@ -101,13 +101,13 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {},
   watch: {},
@@ -144,10 +144,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #imagingA {

src/views/recordsRoom/qc/report/sightGlass.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 病历图文报告单 -->
   <div id="sightGlassA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="sight-cont">
+    <div class="sight-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
       <div class="cont-title-description">滨州医学院烟台附属医院內窥镜检报告</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
 
@@ -39,7 +39,7 @@
         </div>
       </div>
       <div class="sight-cont-infor">
-        <div class="sight-cont-infor-title cont-textbold">住院号:</div>
+        <div class="sight-cont-infor-title cont-textbold">住院号码:</div>
         <div class="sight-cont-infor-list">
           <span>{{ dataObj.JZLSH }}</span>
         </div>
@@ -59,11 +59,11 @@
       </div>
       <div class="sight-cont-chief sight-cont-mg20 sight-cont-chief-tb">
         <div class="sight-cont-chief-title">内镜所见:</div>
-        <div v-for="(jitem, index) in dataObj.YXBX" :key="index" class="sight-cont-chief-cont">{{ jitem }}</div>
+        <div class="sight-cont-chief-cont" v-for="(jitem, index) in dataObj.YXBX" :key="index">{{ jitem }}</div>
       </div>
       <div class="sight-cont-chief sight-cont-mg20 sight-cont-chief-tb">
         <div class="sight-cont-chief-title">内镜诊断:</div>
-        <div v-for="(jitem, index) in dataObj.YXZD" :key="index" class="sight-cont-chief-cont">{{ jitem }}</div>
+        <div class="sight-cont-chief-cont" v-for="(jitem, index) in dataObj.YXZD" :key="index">{{ jitem }}</div>
       </div>
 
       <div class="sight-cont-sign">
@@ -95,13 +95,13 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {},
   watch: {},
@@ -138,10 +138,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #sightGlassA {

src/views/recordsRoom/qc/report/ultrasound.vue

@@ -1,11 +1,11 @@
 <template>
   <!-- 超声报告单 -->
   <div id="ultrasTextA">
-    <div v-for="(dataObj, index) in dataObjArr" :key="index" class="ultras-cont">
+    <div class="ultras-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
       <div class="cont-title-description">滨州医学院烟台附属医院超声诊断报告</div>
       <div class="examType">{{ dataObj.ExamType }}</div>
 
-      <div class="ultras-cont-header" />
+      <div class="ultras-cont-header"></div>
       <div class="ultras-cont-infortop ultras-cont-border">
         <div class="ultras-cont-infor-title cont-textbold">检查日期:</div>
         <div class="ultras-cont-infor-listwl">
@@ -21,7 +21,7 @@
         <div class="ultras-cont-infor-listwl">
           <span>{{ dataObj.StudyUid }}</span>
         </div>
-        <div class="ultras-cont-infor-title cont-textbold">住院号:</div>
+        <div class="ultras-cont-infor-title cont-textbold">住院号码:</div>
         <div class="ultras-cont-infor-list">
           <span>{{ dataObj.JZLSH }}</span>
         </div>
@@ -47,14 +47,14 @@
 
       <div class="ultras-cont-chief ultras-cont-mg20">
         <div class="ultras-cont-chief-title">超声所见:</div>
-        <div v-for="(jitem, index) in dataObj.YXBX" :key="index" class="ultras-cont-chief-cont">{{ jitem }}</div>
+        <div class="ultras-cont-chief-cont" v-for="(jitem, index) in dataObj.YXBX" :key="index">{{ jitem }}</div>
       </div>
       <div class="ultras-cont-chief ultras-cont-mg20">
         <div class="ultras-cont-chief-title">
           超声提示:
-          <span class="ultras-cont-textnor" />
+          <span class="ultras-cont-textnor"></span>
         </div>
-        <div v-for="(jitem, index) in dataObj.YXZD" :key="index" class="ultras-cont-chief-cont">{{ jitem }}</div>
+        <div class="ultras-cont-chief-cont" v-for="(jitem, index) in dataObj.YXZD" :key="index">{{ jitem }}</div>
       </div>
 
       <div class="ultras-cont-sign ultras-cont-sign-top">
@@ -96,13 +96,13 @@ export default {
   props: {
     dataObjArr: {
       type: null,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
-      ifFile: false
-    }
+      ifFile: false,
+    };
   },
   computed: {},
   watch: {},
@@ -139,10 +139,10 @@ export default {
   },
   errorCaptured(err, vm, info) {
     // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-    console.log(err, vm, info)
+    console.log(err, vm, info);
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style lang="scss" scoped>
 #ultrasTextA {