fix: 更新工伤认定申请填表说明

src/views/production-safety/risk-identification-and-control/work-injury-apply-manage/components/detail.vue

@@ -12,8 +12,51 @@
         填表说明：
       </div>
       <div class="detail-reject-alert-content">
-        4张（事故报告、委托书、地址确认书、申请表）工伤认定表格需下载模版，手填，上传相关材料给吴剑希审批（驳回或通过）+判定工伤类别（责任事故/非责任事故）；通过后状态变为申请加盖公章及材料申请；用印申请后编写一段告知通知（内容先把告知单信息先编辑进去），给申请人。
-        <br/>
+        <div>
+          <div>
+            1.用蓝、黑色钢笔或者签字笔填写，字体工整清楚，可打印。
+          </div>
+          <div>
+            2.单位名称、法定代表人（负责人）栏，应按提供的有效证明复印件上载明事项填写。
+            <span class="more-text-btn" @click="moreText = !moreText" v-if="!moreText">
+              {{ moreText ? '收起' : '展开'}}
+              <el-icon><CaretBottom /></el-icon>
+            </span>
+          </div>
+        </div>
+        <div v-if="moreText">
+          <div>
+            3.受伤害从业人员姓名、身份证号码栏，应按提供的受伤害从业人员身份证明复印件上载明事项填写。
+          </div>
+          <div>
+            4.参加工作时间栏，应填写受伤害从业人员首次参加工作的时间。
+          </div>
+          <div>
+            5.学历栏，按最高学历且只能选择一项填写。
+          </div>
+          <div>
+            6.职业或者工种栏，应按发生事故伤害或者被诊断为职业病时从事的职业或者工种填写。
+          </div>
+          <div>
+            7.受伤部位栏，最多可以选择五项填写，超过五项的填写伤最重的五项。受伤程度栏，根据出院小结和诊断结论填写，可填写如骨折、截肢等程度性表述。
+          </div>
+          <div>
+            8.职业病名称栏，应按职业病诊断书载明的填写。
+          </div>
+          <div>
+            9.事故伤害（患职业病）经过简述栏，发生事故伤害的，应写清事故的地点，当时所从事的工作，受伤原因以及伤害部位和具体程度，还应写明是否有目击证人；患职业病的，应写明接触有毒有害作业的过程。
+          </div>
+          <div>
+            10.申请事项一栏主要记述本次申请的目的。
+          </div>
+          <div>
+            11.申请人为个人的应当在表格下方签名，申请人为单位的应当在表格下方盖单位公章。
+            <span class="more-text-btn" @click="moreText = !moreText" v-if="moreText">
+              {{ moreText ? '收起' : '展开'}}
+              <el-icon><CaretTop /></el-icon>
+            </span>
+          </div>
+        </div>
         <span class="detail-reject-alert-content-download" @click="downloadFile('./skyeye-file-upload/sfysecurity/TEMPLATE/施工证申请表.doc', '事故报告模板')">
             事故报告  下载
         </span>
@@ -380,6 +423,7 @@
   import { computed, onMounted, ref , reactive } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
   import { ElMessage } from 'element-plus';
+  import { CaretBottom, CaretTop } from '@element-plus/icons-vue';
   import BasicForm from '@/components/BasicForm.vue';
   import { useFormConfigHook } from '@/hooks/useFormConfigHook';
   import { INVENTORY_FORM_CONFIG, INVENTORY_FORM_DATA, INVENTORY_FORM_RULES } from '../configs/form';
@@ -418,7 +462,7 @@
     label: 'deptName',
   };
   const { approvalList, getApprovalList } = useEmergencyHook()
-
+  const moreText = ref(false);
   const operate = computed(() => (route.query.operate as string) || 'inventory-create');
   const currentId = computed(() => Number(route.query.id));
   const newFormId = ref('');
@@ -879,7 +923,7 @@
   }
   .detail-reject-alert-name{
     color: #aaa;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
   }
   .detail-reject-alert-content{
     color: #aaa;
@@ -889,4 +933,9 @@
     margin-right: 15px;
     cursor: pointer;
   }
+  .more-text-btn{
+    cursor: pointer;
+    color: #409eff;
+
+  }
 </style>