打印按钮组在360视图中不显示

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

@@ -1,8 +1,8 @@
 <template>
   <div class="archives">
     <div class="archives-content">
-      <div class="content-left" v-if="isSearch === '1' || isSearch === '3'">
-        <callMedical :is-search="isSearch" :patientId="patientId" :only-read="onlyRead"></callMedical>
+      <div v-if="isSearch === '1' || isSearch === '3'" class="content-left">
+        <callMedical :is-search="isSearch" :patient-id="patientId" :only-read="onlyRead" />
       </div>
       <left-form-list
         v-if="isSearch === '2'"
@@ -17,14 +17,14 @@
       />
       <div class="content-right">
         <div v-if="isSearch === '1' || isSearch === '3'" style="height: 100%">
-          <ourPatientRecord v-if="name === '门急诊电子病历'" :patientId="patientId" :only-read="onlyRead" :is-search="isSearch" :case-id="caseId"></ourPatientRecord>
+          <ourPatientRecord v-if="name === '门急诊电子病历'" :patient-id="patientId" :only-read="onlyRead" :is-search="isSearch" :case-id="caseId" />
         </div>
         <template v-if="formList.length && isSearch === '2'">
-<!--          <ourPatientRecord v-if="name === '门急诊电子病历'" :id="id" :patient-id="patientId" :only-read="onlyRead" :is-search="isSearch" @formDelete="formDelete" />-->
-          <InformedConsent v-if="name==='眼科激光手术患者知情同意书'" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
-          <mra-form v-if="name==='眼底血管造影知情同意书'" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
-          <laser-surgery v-if="name==='眼科激光手术治疗'" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
-          <report-form v-if="name==='报告'" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
+          <!--          <ourPatientRecord v-if="name === '门急诊电子病历'" :id="id" :patient-id="patientId" :only-read="onlyRead" :is-search="isSearch" @formDelete="formDelete" />-->
+          <InformedConsent v-if="name==='眼科激光手术患者知情同意书'" :only-read="onlyRead" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
+          <mra-form v-if="name==='眼底血管造影知情同意书'" :only-read="onlyRead" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
+          <laser-surgery v-if="name==='眼科激光手术治疗'" :only-read="onlyRead" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
+          <report-form v-if="name==='报告'" :only-read="onlyRead" :json-text="jsonText" @handleSaveTable="updateForm" @formDelete="formDelete" />
         </template>
       </div>
     </div>

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

@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox">
+    <div v-if="!onlyRead" class="btnBox">
       <el-button v-print="'#threeFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="formDelete">删除</el-button>
@@ -26,7 +26,10 @@
           <el-input v-if="item.isEdit" v-model="item.remark" style="flex: 1" />
           <template v-else>
             <div v-for="(judge,idx) in item.symptom" :key="idx" class="flex a-c">
-              <el-checkbox v-model="judge.isSelected" class="checkboxItem">{{ judge.title }}</el-checkbox>
+              <div class="check" @click="judge.isSelected = !judge.isSelected">
+                <input type="checkbox" :checked="judge.isSelected">{{ judge.title }}
+              </div>
+              <!--              <el-checkbox v-model="judge.isSelected" class="checkboxItem">{{ judge.title }}</el-checkbox>-->
               <el-input v-if="judge.isEdit" v-model="judge.remark" style="flex: 1" />
             </div>
           </template>
@@ -37,7 +40,10 @@
         <div class="formTitle">二、麻醉方式选择：</div>
         <div class="flex">
           <div v-for="(sel,i) in formData.modeSelect" :key="i" style="margin-right: 30px">
-            <el-checkbox v-model="sel.isSelected" class="checkboxItem">{{ sel.name }}</el-checkbox>
+            <div class="check" @click="sel.isSelected = !sel.isSelected">
+              <input type="checkbox" :checked="sel.isSelected">{{ sel.name }}
+            </div>
+            <!--            <el-checkbox v-model="sel.isSelected" class="checkboxItem">{{ sel.name }}</el-checkbox>-->
           </div>
         </div>
       </div>
@@ -45,10 +51,18 @@
       <div>
         <div class="formTitle">三、拟行激光术名称：</div>
         <div class="proposed">
-          <div v-for="(item,i) in formData.proposedName" :key="i" style="margin-right: 35px">
-            <el-checkbox v-model="item.isSelected" class="checkboxItem">{{ item.name }}</el-checkbox>
-            <span v-if="item.area">(
-              <span v-for="(area,index) in item.area" :key="`${index}_${i}`" class="areaItem"><el-checkbox v-model="area.isSelected" class="checkboxItem">{{ area.name }}</el-checkbox></span>
+          <div v-for="(item,i) in formData.proposedName" :key="i" class="flex a-c" style="margin-right: 35px">
+            <span class="check" @click="item.isSelected = !item.isSelected">
+              <input type="checkbox" :checked="item.isSelected">{{ item.name }}
+            </span>
+            <!--            <el-checkbox v-model="item.isSelected" class="checkboxItem">{{ item.name }}</el-checkbox>-->
+            <span v-if="item.area" class="flex">(
+              <span v-for="(area,index) in item.area" :key="`${index}_${i}`" class="areaItem">
+                <span class="check" @click="area.isSelected = !area.isSelected">
+                  <input type="checkbox" :checked="area.isSelected">{{ area.name }}
+                </span>
+                <!--                <el-checkbox v-model="area.isSelected" class="checkboxItem">{{ area.name }}</el-checkbox>-->
+              </span>
               )</span>
           </div>
         </div>
@@ -104,6 +118,10 @@ export default {
     jsonText: {
       type: String,
       default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -305,6 +323,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.check {
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  input{
+    -webkit-appearance: checkbox !important;
+    margin-right: 5px;
+  }
+}
 .flex{
   display: flex;
 }

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

@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox">
+    <div v-if="!onlyRead" class="btnBox">
       <el-button v-print="'#laserFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="formDelete">删除</el-button>
@@ -114,6 +114,10 @@ export default {
     jsonText: {
       type: String,
       default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

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

@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox">
+    <div v-if="!onlyRead" class="btnBox">
       <el-button v-print="'#mraFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="formDelete">删除</el-button>
@@ -49,6 +49,10 @@ export default {
     jsonText: {
       type: String,
       default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

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

@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox">
+    <div v-if="!onlyRead" class="btnBox">
       <el-button v-print="'#reportForm'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="formDelete">删除</el-button>
@@ -61,6 +61,10 @@ export default {
     jsonText: {
       type: String,
       default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
     }
   },
   data() {