门诊治疗门诊病例常用表单

public/index.html

@@ -39,8 +39,8 @@
   <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
     <script>
       //http://121.36.16.195:9002/huimu-admin/swagger-ui/index.html
-    // window.SITE_CONFIG['apiURL'] = 'http://192.168.4.24:8036/xiangan-crf';
     window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
+    // window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
     </script>
   <% } %>
   <!-- 测试环境 -->

src/components/360View/medicalRecord/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="archives">
     <div class="archives-content">
-      <div class="content-left" v-if="isSearch === '2'">
+      <div v-if="isSearch === '2'" class="content-left">
         <div class="content-left-top">
           <el-tree
             ref="my-tree"
@@ -26,20 +26,23 @@
             <el-checkbox v-model="defaultChecked">默认新建今日</el-checkbox>
           </div>
           <div class="comonForm-tab">
-            <el-radio-group v-model="radio" size="small">
-              <el-radio-button label="门诊" name="1" style=""></el-radio-button>
-              <el-radio-button label="手术" name="2" style=""></el-radio-button>
-              <el-radio-button label="其他" name="3" style=""></el-radio-button>
+            <el-radio-group v-model="radio" size="mini">
+              <el-radio-button label="门诊" name="1" style="" />
+              <el-radio-button label="手术" name="2" style="" />
+              <el-radio-button label="报告" name="3" style="" />
+              <el-radio-button label="其他" name="4" style="" />
             </el-radio-group>
-            <div v-if="radio === '门诊'" class="record" @click="addRecord">
-              <p>门诊病历</p>
-              <img :src="require('@/assets/img/add.png')" alt="">
+            <div v-if="radio === '门诊'">
+              <div class="record">
+                <p>门诊病历</p>
+                <img :src="require('@/assets/img/add.png')" alt="" @click="addRecord">
+              </div>
             </div>
           </div>
         </div>
       </div>
       <div class="content-right">
-        <ourPatientRecord :patientId="patientId" :only-read="onlyRead" :is-search="isSearch"></ourPatientRecord>
+        <ourPatientRecord :patient-id="patientId" :only-read="onlyRead" :is-search="isSearch" />
       </div>
     </div>
   </div>
@@ -79,12 +82,22 @@ export default {
       archiveFList: [],
       commeFormTabs: [],
       commeFormList: [],
-      radio: '电子病历',
+      radio: '门诊',
       comonFormActive: '',
       defaultProps: {
         children: 'list'
       },
       currentNodeKey: '',
+      outForm: [
+        {
+          name: '眼科激光手术患者知情同意书'
+        },
+        {
+          name: '眼科激光手术治疗'
+        },
+        {
+          name: '眼底血管造影知情同意书'
+        }]
     }
   },
   watch: {
@@ -117,7 +130,7 @@ export default {
   methods: {
     // 添加门诊电子病历
     addRecord() {
-
+      console.log('saadf')
     },
     // 点击常用表单列表
     comonFormListClick(index, item) {
@@ -195,7 +208,7 @@ export default {
           info: this.$Base64.encode(JSON.stringify(this.queryList))
         }
       })
-    },
+    }
   }
 }
 </script>
@@ -297,6 +310,9 @@ export default {
         }
         .comonForm-tab {
           margin-top: 10px;
+          ::v-deep .el-radio-button__inner{
+            padding: 7px 10px;
+          }
         }
         .comonForm-tab-Pane {
           margin-top: 10px;

src/page-subspecialty/router/index.js

@@ -86,7 +86,7 @@ export const moduleRoutes = {
       path: "/ot",
       name: "ot",
       component: () =>
-        import("@/page-subspecialty/views/modules/formList/mraForm.vue"),
+        import("@/page-subspecialty/views/modules/formList/laserSurgery.vue"),
     },
   ],
 };

src/page-subspecialty/views/modules/formList/laserSurgery.vue

@@ -4,7 +4,7 @@
       <el-button v-print="'#laserFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
     </div>
-    <div id="laserFunc">
+    <div id="laserFunc" style="width: 840px;padding-right: 8px">
       <p style="color:#000000;font-size:32px;margin:0 0 30px 0;text-align:center;">
         眼科激光手术治疗
       </p>

src/page-subspecialty/views/modules/formList/mraForm.vue

@@ -1,13 +1,42 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
     <div class="btnBox">
-      <el-button v-print="'#laserFunc'" size="small">打印</el-button>
+      <el-button v-print="'#mraFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
     </div>
-    <div id="laserFunc">
+    <div id="mraFunc">
       <p style="color:#000000;font-size:32px;margin:0 0 30px 0;text-align:center;">
         眼底血管造影知情同意书
       </p>
+      <div class="flex j-b">
+        <div class="item">
+          患者姓名:<el-input v-model="patient.name" style="flex: 1" />
+        </div>
+        <div class="item">
+          性别:<el-input v-model="patient.sex" style="flex: 1" />
+        </div>
+        <div class="item">
+          年龄:<el-input v-model="patient.sex" style="flex: 1" />
+        </div>
+        <div class="item">
+          登记号:<el-input v-model="patient.patientIdNumber" style="flex: 1" />
+        </div>
+      </div>
+      <div>
+        <p>尊敬的患者:</p>
+        <p class="context">
+          您好!眼底血管造影检查属特殊检查，可能产生不良后果，为使该项检查顺利完成，特将相关事项提前告知:
+        </p>
+        <p class="context" style="text-decoration: underline;font-size: 18px;font-weight: bold">
+          请您务必在检查前认真阅读!
+        </p>
+        <div v-for="(item,index) in context" :key="index">
+          <p>{{ `${index+1}. ${item.title}` }}</p>
+          <p v-for="(det,idx) in item.detail" :key="`${index}_${idx}`" class="context">
+            {{ `（${idx+1}）${det}` }}
+          </p>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -15,6 +44,40 @@
 <script>
 export default {
   name: 'MraForm',
+  data() {
+    return {
+      patient: {
+        name: '',
+        sex: '',
+        age: '',
+        patientIdNumber: ''
+      },
+      context: [
+        {
+          title: '造影前的全身要求',
+          detail: [
+            '高血压:高血压患者建议检查前一周保持血压平稳在 160/90mmHg 以下，检查当日在造影室检测血压，合格者方可行造影检查，不合格者请至内科调整血压并重新预约。',
+            '糖尿病:糖尿病患者检查当日需要携带近半年的肝肾功能化验单及随机血糖结果，肾功能正常及随机血糖<13mmol几 可行造影检查，不合格者请至内科调整血糖并重新预约。',
+            '肝肾疾病:肝肾疾病患者检查当日需要携带近半年肝肾功能化验单，正常方可行造影检查。',
+            '心、脑血管疾病:半年内有新发生或反复发作的心脑血管疾病均不建议行该项检查。心血管疾病患者检查当日需要携带近一月心电图及心内科会诊记录(5)呼吸系统疾病:过敏性哮喘的患者慎做该项检查，处于哮喘发作期不建议做该项检查。如检查当日存在呼吸道感染症状者，需改期行造影检查。',
+            '妊娠+每畴呲烷私痢吓阅梳库唱总潭茅讧镌嗥亭淋锏阵饮舰姒贮联办兹排模奘墒称渥协时较僚逆桦银轼N责国宇卖袄裟这散系掠雕遥凯甩沏蒂辟暴按纠及恶病质患者均不建议进行该项检查。',
+            '碘过敏患者不建议行吗噪菁绿造影检查。',
+            '如有明确的荧光素钠或咧噪菁绿过敏史不建议行造影检查'
+          ]
+        },
+        {
+          title: '造影可能出现的情况',
+          detail: [
+            '造影剂一般安全可靠，荧光素眼底造影检查当日注射荧光素钠注射液前，遵医嘱行药物过敏试验。',
+            '在静脉给药后 1-2 天内皮肤发黄，尿及大便变黄绿色均属正常现象。',
+            '造影检查过程中可能出现一过性恶心、呕吐，一般经深呼吸可自行缓解',
+            '部分患者可能出现尊麻疹。'
+          ]
+        }
+
+      ]
+    }
+  },
   methods: {
     handleSaveTable() {
       const data = {
@@ -27,6 +90,48 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.flex{
+  display: flex;
+}
+.a-c{
+  align-items: center;
+}
+.j-b{
+  justify-content: space-between;
+}
+#mraFunc{
+  font-size: 16px;
+  line-height: 30px;
+  padding: 20px 80px;
+}
+.item{
+  display: flex;
+  align-items: center;
+  &:not(:last-child){
+    margin-right: 20px;
+   }
+}
+.context{
+  text-indent: 2em;
+}
+.btnBox{
+  display: flex;
+  justify-content: flex-end;
+}
+::v-deep .el-input__inner {
+  border: none;
+  height: 26px !important;
+  line-height: 26px !important;
+  text-align: center;
+}
 
+::v-deep .el-input__inner {
+  border-bottom: 1px solid #ccc;
+  border-radius: 0;
+  padding: 0;
+}
+::v-deep .el-input__prefix {
+  display: none;
+}
 </style>