{"id":2283,"date":"2025-12-10T22:19:50","date_gmt":"2025-12-10T14:19:50","guid":{"rendered":"https:\/\/www.laoni.work\/?post_type=epkb_post_type_1&p=2283"},"modified":"2025-12-10T22:19:50","modified_gmt":"2025-12-10T14:19:50","slug":"%e6%b5%8b%e9%aa%8c","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.laoni.work\/?epkb_post_type_1=%e6%b5%8b%e9%aa%8c","title":{"rendered":"\u6d4b\u9a8c"},"content":{"rendered":"


\n
\n
\n
\n
\n SOP 5.3.10 \u6a21\u8154\u677f\u62c6\u88c5\u6d4b\u9a8c<\/title><br \/>\n <!-- \u5f15\u5165 Tailwind CSS \u6837\u5f0f --><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n body {<br \/>\n font-family: 'Inter', sans-serif;<br \/>\n background-color: #f0f4f8; \/* \u6d45\u7070\u8272\u80cc\u666f *\/<br \/>\n }<br \/>\n .quiz-container {<br \/>\n max-width: 900px;<br \/>\n margin: 40px auto;<br \/>\n }<br \/>\n .option-button {<br \/>\n transition: all 0.2s;<br \/>\n }<br \/>\n .correct-answer {<br \/>\n background-color: #d1fae5; \/* \u7eff\u8272\u7cfb\u80cc\u666f *\/<br \/>\n border-color: #10b981;<br \/>\n }<br \/>\n .incorrect-answer {<br \/>\n background-color: #fee2e2; \/* \u7ea2\u8272\u7cfb\u80cc\u666f *\/<br \/>\n border-color: #ef4444;<br \/>\n }<br \/>\n .selected-option {<br \/>\n background-color: #bfdbfe; \/* \u84dd\u8272\u7cfb\u80cc\u666f *\/<br \/>\n border-color: #3b82f6;<br \/>\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);<br \/>\n }<br \/>\n \/* \u9690\u85cf Hint \u6587\u672c\uff0c\u901a\u8fc7 JS \u63a7\u5236\u663e\u793a *\/<br \/>\n .hidden-hint {<br \/>\n opacity: 0;<br \/>\n max-height: 0;<br \/>\n overflow: hidden;<br \/>\n transition: opacity 0.3s ease-in-out, max-height 0.5s ease-out;<br \/>\n }<br \/>\n .visible-hint {<br \/>\n opacity: 1;<br \/>\n max-height: 100px; \/* \u8db3\u591f\u5bb9\u7eb3\u6587\u672c\u7684\u9ad8\u5ea6 *\/<br \/>\n padding-top: 8px;<br \/>\n }<br \/>\n <\/style>\n<p><\/head><br \/>\n<body class=\"p-4 sm:p-6\"><\/p>\n<div id=\"quiz-app\" class=\"quiz-container bg-white rounded-xl shadow-2xl p-6 sm:p-8 lg:p-10\">\n<h1 class=\"text-3xl sm:text-4xl font-extrabold text-gray-900 mb-6 border-b-4 border-indigo-500 pb-2\">SOP 5.3.10 \u6a21\u8154\u677f\u62c6\u88c5\u6d4b\u9a8c<\/h1>\n<p> <!-- Quiz Content Area --><\/p>\n<div id=\"quiz-content\">\n <!-- Questions will be rendered here -->\n <\/div>\n<p> <!-- Controls and Score --><\/p>\n<div id=\"quiz-controls\" class=\"mt-8 pt-4 border-t border-gray-200 flex justify-between items-center\">\n<div id=\"score-display\" class=\"text-xl font-bold text-gray-700\">\n \u5f97\u5206: 0 \/ 0\n <\/div>\n<div class=\"flex space-x-4\">\n <button id=\"hint-button\" class=\"px-4 py-2 bg-yellow-500 text-white font-semibold rounded-lg shadow-md hover:bg-yellow-600 transition duration-150\" style=\"display: none;\"><br \/>\n \u63d0\u793a<br \/>\n <\/button><br \/>\n <button id=\"submit-button\" class=\"px-6 py-2 bg-indigo-600 text-white font-semibold rounded-lg shadow-md hover:bg-indigo-700 transition duration-150 disabled:opacity-50\" disabled><br \/>\n \u63d0\u4ea4\u7b54\u6848<br \/>\n <\/button><br \/>\n <button id=\"next-button\" class=\"px-6 py-2 bg-green-600 text-white font-semibold rounded-lg shadow-md hover:bg-green-700 transition duration-150\" style=\"display: none;\"><br \/>\n \u4e0b\u4e00\u9898<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/div>\n<p><script><br \/>\n \/\/ -------------------------------------------------------------------------<br \/>\n \/\/ 1. \u6d4b\u9a8c\u6570\u636e (\u4ece SOP 5.3.10 \u6d4b\u9a8c\u6587\u4ef6\u63d0\u53d6\u7684 JSON \u6570\u636e)<br \/>\n \/\/ -------------------------------------------------------------------------<br \/>\n const quizData = [<br \/>\n {<br \/>\n \"question\": \"\u6839\u636eSOP\uff0c\u5728\u62c6\u5378\u6216\u5b89\u88c5\u6a21\u8154\u677f\u4e4b\u524d\uff0c\u70ed\u6d41\u9053\u6ce8\u5634\u5fc5\u987b\u51b7\u5374\u81f3\u4ec0\u4e48\u6e29\u5ea6\u8303\u56f4\uff0c\u4ee5\u907f\u514d\u635f\u574f\u5bc6\u5c01\u8868\u9762\uff1f\",<br \/>\n \"answerOptions\": [<br \/>\n {\"text\": \"\u4f4e\u4e8e 25\u00b0C (77\u00b0F)\", \"rationale\": \"SOP\u660e\u786e\u6307\u51fa\uff0c\u64cd\u4f5c\u524d\u6ce8\u5634\u5fc5\u987b\u5904\u4e8e\u5ba4\u6e29\u72b6\u6001\uff08<25\u00b0C\uff09\uff0c\u56e0\u4e3a\u9ad8\u6e29\u4f1a\u5bfc\u81f4\u91d1\u5c5e\u81a8\u80c0\uff0c\u62c6\u88c5\u65f6\u6781\u6613\u635f\u574f\u7cbe\u5bc6\u7684\u5bc6\u5c01\u8868\u9762\u3002\", \"isCorrect\": true},\n {\"text\": \"\u4f4e\u4e8e 50\u00b0C (122\u00b0F)\", \"rationale\": \"50\u00b0C\u4ecd\u7136\u8fc7\u9ad8\uff0c\u91d1\u5c5e\u7684\u70ed\u81a8\u80c0\u53ef\u80fd\u5c1a\u672a\u5b8c\u5168\u6d88\u9664\uff0c\u5b58\u5728\u635f\u574f\u5bc6\u5c01\u9762\u7684\u98ce\u9669\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4f4e\u4e8e 100\u00b0C (212\u00b0F)\", \"rationale\": \"\u6b64\u6e29\u5ea6\u8fdc\u9ad8\u4e8eSOP\u8981\u6c42\u7684\u5ba4\u6e29\u6807\u51c6\uff0c\u9ad8\u6e29\u64cd\u4f5c\u4f1a\u4e25\u91cd\u5371\u53ca\u8bbe\u5907\u5bc6\u5c01\u6027\u548c\u4eba\u5458\u5b89\u5168\u3002\", \"isCorrect\": false},\n {\"text\": \"\u53ea\u8981\u4e0d\u70eb\u624b\u5373\u53ef\", \"rationale\": \"\u4f9d\u9760\u4e3b\u89c2\u611f\u89c9\u662f\u4e0d\u51c6\u786e\u7684\uff0cSOP\u89c4\u5b9a\u4e86\u5177\u4f53\u7684\u6e29\u5ea6\u6307\u6807\uff08<25\u00b0C\uff09\u4ee5\u786e\u4fdd\u5bc6\u5c01\u9762\u7684\u673a\u68b0\u5b89\u5168\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u8003\u8651\u201c\u5ba4\u6e29\u201d\u7684\u5177\u4f53\u6570\u503c\u5b9a\u4e49\u3002\"\n },\n {\n \"question\": \"\u5728\u5de5\u4f5c\u53f0\u4e0a\u62c6\u5378\u6a21\u8154\u677f\u540e\uff0c\u4e3a\u4ec0\u4e48\u8981\u7acb\u5373\u5728\u677f\u7684\u5e95\u90e8\u5b89\u88c5\u201c\u652f\u811a\u201d\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u4e3a\u4e86\u65b9\u4fbf\u642c\u8fd0\", \"rationale\": \"\u867d\u7136\u652f\u811a\u53ef\u80fd\u8f85\u52a9\u642c\u8fd0\uff0c\u4f46\u5176\u9996\u8981\u8bbe\u8ba1\u76ee\u7684\u662f\u4e3a\u4e86\u9632\u6b62\u5e95\u90e8\u7ec4\u4ef6\u76f4\u63a5\u63a5\u89e6\u53f0\u9762\u53d7\u635f\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4e3a\u4e86\u4fdd\u62a4\u8f6f\u7ba1\u63a5\u5934\", \"rationale\": \"\u6a21\u8154\u677f\u5e95\u90e8\u901a\u5e38\u6709\u7a81\u51fa\u7684\u8f6f\u7ba1\u63a5\u5934\uff0c\u76f4\u63a5\u653e\u7f6e\u5728\u5de5\u4f5c\u53f0\u4e0a\u4f1a\u538b\u574f\u5b83\u4eec\uff0c\u5b89\u88c5\u652f\u811a\u80fd\u63d0\u4f9b\u5fc5\u8981\u7684\u79bb\u5730\u95f4\u9699\u3002\", \"isCorrect\": true},\n {\"text\": \"\u4e3a\u4e86\u7f8e\u89c2\", \"rationale\": \"\u5de5\u4e1a\u7ef4\u62a4\u64cd\u4f5c\u5173\u6ce8\u7684\u662f\u8bbe\u5907\u4fdd\u62a4\u548c\u529f\u80fd\u6027\uff0c\u800c\u975e\u5916\u89c2\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4e3a\u4e86\u56fa\u5b9a\u6a21\u8154\u677f\u9632\u6b62\u6ed1\u52a8\", \"rationale\": \"\u652f\u811a\u7684\u4e3b\u8981\u529f\u80fd\u662f\u652f\u6491\u548c\u4fdd\u62a4\u5e95\u90e8\u7ec4\u4ef6\uff0c\u800c\u975e\u9632\u6ed1\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u60f3\u8c61\u4e00\u4e0b\u6a21\u8154\u677f\u5e95\u90e8\u6709\u4ec0\u4e48\u8106\u5f31\u7684\u90e8\u4ef6\u5982\u679c\u76f4\u63a5\u653e\u5728\u684c\u5b50\u4e0a\u4f1a\u88ab\u538b\u574f\u3002\"\n },\n {\n \"question\": \"\u5728\u673a\u5668\u4e2d\u62c6\u5378\u6a21\u8154\u677f\u65f6\uff0c\u5173\u95ed\u52a0\u70ed\u5668\u4ee5\u91ca\u653e\u70ed\u6d41\u9053\u5185\u90e8\u538b\u529b\u671f\u95f4\uff0c\u5fc5\u987b\u786e\u4fdd\u4ec0\u4e48\u90e8\u4ef6\u5904\u4e8e\u201c\u6253\u5f00\u201d\u72b6\u6001\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u5b89\u5168\u95e8\", \"rationale\": \"\u5b89\u5168\u95e8\u7684\u72b6\u6001\u4e0e\u91ca\u653e\u70ed\u6d41\u9053\u5185\u90e8\u7684\u539f\u6599\u538b\u529b\u65e0\u76f4\u63a5\u7269\u7406\u5173\u8054\u3002\", \"isCorrect\": false},\n {\"text\": \"\u51b7\u5374\u6c34\u9600\", \"rationale\": \"\u51b7\u5374\u6c34\u7528\u4e8e\u964d\u6e29\uff0c\u4f46\u65e0\u6cd5\u76f4\u63a5\u91ca\u653e\u6d41\u9053\u5185\u90e8\u79ef\u805a\u7684\u7194\u4f53\u538b\u529b\u3002\", \"isCorrect\": false},\n {\"text\": \"\u9600\u9488\u5f0f\u6d47\u53e3\", \"rationale\": \"\u6253\u5f00\u9600\u9488\u5f0f\u6d47\u53e3\u53ef\u4ee5\u63d0\u4f9b\u4e00\u4e2a\u901a\u9053\uff0c\u8ba9\u70ed\u6d41\u9053\u5185\u6b8b\u4f59\u7684\u7a7a\u6c14\u548c\u539f\u6599\u538b\u529b\u5728\u964d\u6e29\u8fc7\u7a0b\u4e2d\u5b89\u5168\u91ca\u653e\uff0c\u9632\u6b62\u540e\u7eed\u62c6\u5378\u65f6\u53d1\u751f\u55b7\u5c04\u3002\", \"isCorrect\": true},\n {\"text\": \"\u7535\u6e90\u603b\u5f00\u5173\", \"rationale\": \"\u65ad\u7535\u662f\u5b89\u5168\u7a0b\u5e8f\u7684\u4e00\u90e8\u5206\uff0c\u4f46\u5b83\u672c\u8eab\u4e0d\u80fd\u91ca\u653e\u6d41\u9053\u5185\u7684\u7269\u7406\u538b\u529b\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u4e3a\u4e86\u9632\u6b62\u9ad8\u6e29\u539f\u6599\u55b7\u5c04\uff0c\u5185\u90e8\u7684\u538b\u529b\u9700\u8981\u4e00\u4e2a\u51fa\u53e3\u6392\u51fa\u3002\"\n },\n {\n \"question\": \"\u5728\u673a\u5668\u5185\u8fdb\u884c\u6a21\u8154\u677f\u7ef4\u62a4\u4f5c\u4e1a\u65f6\uff0c\u4e3a\u4e86\u9632\u6b62\u610f\u5916\u5408\u6a21\u9020\u6210\u538b\u4f24\uff0cSOP\u8981\u6c42\u81f3\u5c11\u5b89\u88c5\u51e0\u6839\u5b89\u5168\u9501\u6746\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u4e00\u6839\", \"rationale\": \"\u5355\u6839\u9501\u6746\u53ef\u80fd\u65e0\u6cd5\u63d0\u4f9b\u8db3\u591f\u7684\u7a33\u5b9a\u6027\u6216\u5197\u4f59\u4fdd\u62a4\uff0c\u4e0d\u7b26\u5408SOP\u7684\u6700\u4f4e\u5b89\u5168\u8981\u6c42\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4e24\u6839\", \"rationale\": \"SOP\u660e\u786e\u89c4\u5b9a\uff0c\u5728\u7ec4\u4ef6\u4e24\u4fa7\u6700\u5c11\u9700\u8981\u5b89\u88c5\u4e24\u4e2a\u5b89\u5168\u9501\u6746\uff0c\u4ee5\u786e\u4fdd\u6a21\u5177\u5728\u7ef4\u4fee\u671f\u95f4\u53ef\u9760\u9501\u5b9a\u3002\", \"isCorrect\": true},\n {\"text\": \"\u56db\u6839\", \"rationale\": \"\u867d\u7136\u66f4\u591a\u66f4\u5b89\u5168\uff0c\u4f46SOP\u89c4\u5b9a\u7684\u5f3a\u5236\u6027\u6700\u4f4e\u6807\u51c6\u662f\u4e24\u6839\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4e0d\u9700\u8981\uff0c\u53ea\u8981\u5207\u65ad\u7535\u6e90\u5373\u53ef\", \"rationale\": \"\u4ec5\u4f9d\u8d56\u7535\u6c14\u65ad\u5f00\u662f\u4e0d\u591f\u7684\uff0c\u5fc5\u987b\u6709\u7269\u7406\u963b\u6321\u88c5\u7f6e\uff08\u9501\u6746\uff09\u6765\u9632\u6b62\u673a\u68b0\u6545\u969c\u5bfc\u81f4\u7684\u610f\u5916\u95ed\u5408\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u51fa\u4e8e\u5e73\u8861\u548c\u5197\u4f59\u7684\u8003\u8651\uff0c\u901a\u5e38\u5728\u7ec4\u4ef6\u7684\u4e24\u4fa7\u5404\u9700\u8981\u4e00\u4e2a\u652f\u6491\u3002\"\n },\n {\n \"question\": \"\u5728\u5b89\u88c5\u6a21\u8154\u677f\u6b62\u52a8\u87ba\u9489\u65f6\uff0c\u6b63\u786e\u7684\u62e7\u7d27\u987a\u5e8f\u662f\u4ec0\u4e48\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u4ece\u4e0a\u5230\u4e0b\u4f9d\u6b21\u62e7\u7d27\", \"rationale\": \"\u5355\u5411\u987a\u5e8f\u4f1a\u5bfc\u81f4\u5e94\u529b\u96c6\u4e2d\u5728\u4e00\u4fa7\uff0c\u5f15\u8d77\u677f\u4ef6\u53d8\u5f62\u3002\", \"isCorrect\": false},\n {\"text\": \"\u4ece\u5916\u5411\u5185\u4f9d\u6b21\u62e7\u7d27\", \"rationale\": \"\u4ece\u5916\u5411\u5185\u53ef\u80fd\u4f1a\u5728\u4e2d\u5fc3\u90e8\u4f4d\u79ef\u805a\u5e94\u529b\uff0c\u5bfc\u81f4\u677f\u4ef6\u62f1\u8d77\u6216\u4e0d\u5e73\u3002\", \"isCorrect\": false},\n {\"text\": \"\u91c7\u7528\u4ea4\u53c9\u65b9\u5f0f\uff0c\u4ece\u4e2d\u5fc3\u5f00\u59cb\u9010\u6e10\u5411\u5916\", \"rationale\": \"\u8fd9\u79cd\u65b9\u5f0f\u53ef\u4ee5\u5c06\u5e94\u529b\u5747\u5300\u5730\u5206\u6563\u5230\u677f\u7684\u8fb9\u7f18\uff0c\u786e\u4fdd\u6a21\u8154\u677f\u5e73\u6574\u8d34\u5408\uff0c\u907f\u514d\u53d8\u5f62\u3002\", \"isCorrect\": true},\n {\"text\": \"\u968f\u673a\u62e7\u7d27\u5373\u53ef\", \"rationale\": \"\u968f\u673a\u62e7\u7d27\u4f1a\u5bfc\u81f4\u53d7\u529b\u4e0d\u5747\uff0c\u4e25\u91cd\u5f71\u54cd\u6a21\u5177\u7684\u88c5\u914d\u7cbe\u5ea6\u548c\u5bc6\u5c01\u6027\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u4e3a\u4e86\u8ba9\u677f\u4ef6\u53d7\u529b\u5747\u5300\u4e14\u5e73\u6574\uff0c\u5e94\u8be5\u6a21\u4eff\u6c7d\u8f66\u8f6e\u80ce\u87ba\u4e1d\u7684\u62e7\u7d27\u65b9\u5f0f\uff0c\u5e76\u4ece\u4e2d\u95f4\u5f00\u59cb\u3002\"\n },\n {\n \"question\": \"\u5728\u5b89\u88c5\u6a21\u8154\u677f\u4e4b\u524d\uff0c\u5e94\u8be5\u5728\u70ed\u6d41\u9053\u5b9a\u4f4d\u9500\u4e0a\u6d82\u62b9\u4ec0\u4e48\uff0c\u4ee5\u9632\u6b62\u5c06\u6765\u62c6\u5378\u56f0\u96be\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u5f3a\u529b\u80f6\u6c34\", \"rationale\": \"\u80f6\u6c34\u4f1a\u56fa\u5b9a\u90e8\u4ef6\uff0c\u4f46\u8fd9\u4e0e\u4fbf\u4e8e\u7ef4\u62a4\u62c6\u5378\u7684\u76ee\u7684\u80cc\u9053\u800c\u9a70\u3002\", \"isCorrect\": false},\n {\"text\": \"\u666e\u901a\u673a\u6cb9\", \"rationale\": \"\u666e\u901a\u673a\u6cb9\u5728\u9ad8\u6e29\u73af\u5883\u4e0b\u53ef\u80fd\u4f1a\u78b3\u5316\u6216\u6d41\u5931\uff0c\u65e0\u6cd5\u63d0\u4f9b\u6301\u4e45\u7684\u9632\u54ac\u5408\u4fdd\u62a4\u3002\", \"isCorrect\": false},\n {\"text\": \"\u9ad8\u6e29\u9632\u5361\u6da6\u6ed1\u5242\", \"rationale\": \"\u5b9a\u4f4d\u9500\u5728\u9ad8\u6e29\u73af\u5883\u4e0b\u5bb9\u6613\u4e0e\u677f\u5b54\u53d1\u751f\u54ac\u5408\uff08\u5361\u6b7b\uff09\uff0c\u6d82\u62b9\u4e13\u7528\u7684\u9ad8\u6e29\u9632\u5361\u5242\u53ef\u4ee5\u786e\u4fdd\u4e0b\u6b21\u7ef4\u62a4\u65f6\u80fd\u987a\u5229\u62c6\u5378\u3002\", \"isCorrect\": true},\n {\"text\": \"\u6e05\u6d01\u5242\", \"rationale\": \"\u6e05\u6d01\u5242\u7528\u4e8e\u6e05\u6d01\u8868\u9762\uff0c\u4e0d\u5177\u5907\u6da6\u6ed1\u548c\u9632\u5361\u529f\u80fd\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u8fd9\u79cd\u7269\u8d28\u9700\u8981\u5728\u9ad8\u6e29\u4e0b\u5de5\u4f5c\uff0c\u4e14\u4e3b\u8981\u76ee\u7684\u662f\u9632\u6b62\u91d1\u5c5e\u90e8\u4ef6\u201c\u5361\u201d\u5728\u4e00\u8d77\u3002\"\n },\n {\n \"question\": \"\u5982\u679c\u5728\u5b89\u88c5\u6a21\u8154\u677f\u65f6\u9047\u5230\u963b\u529b\uff0cSOP\u5efa\u8bae\u91c7\u53d6\u4ec0\u4e48\u884c\u52a8\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u4f7f\u7528\u5927\u9524\u7528\u529b\u6572\u51fb\u5230\u4f4d\", \"rationale\": \"\u5f3a\u5236\u5b89\u88c5\u662fSOP\u4e25\u5389\u7981\u6b62\u7684\uff0c\u8fd9\u4f1a\u5bfc\u81f4\u6ce8\u5634\u3001\u9600\u9488\u6216\u5bfc\u7ebf\u4e25\u91cd\u635f\u574f\u3002\", \"isCorrect\": false},\n {\"text\": \"\u52a0\u5927\u9501\u6a21\u529b\u5f3a\u884c\u538b\u5165\", \"rationale\": \"\u5229\u7528\u673a\u5668\u529b\u91cf\u5f3a\u884c\u95ed\u5408\u540c\u6837\u5c5e\u4e8e\u5f3a\u5236\u5b89\u88c5\uff0c\u4f1a\u9020\u6210\u4e0d\u53ef\u9006\u7684\u8bbe\u5907\u635f\u574f\u3002\", \"isCorrect\": false},\n {\"text\": \"\u62c6\u4e0b\u677f\u4ef6\u5e76\u68c0\u67e5\u5e72\u6d89\u70b9\", \"rationale\": \"\u9047\u5230\u963b\u529b\u8bf4\u660e\u5b58\u5728\u5bf9\u9f50\u95ee\u9898\u6216\u5f02\u7269\u5e72\u6d89\uff0c\u5fc5\u987b\u9000\u56de\u4e0a\u4e00\u6b65\u68c0\u67e5\u539f\u56e0\uff0c\u5f3a\u884c\u64cd\u4f5c\u4f1a\u635f\u574f\u7cbe\u5bc6\u90e8\u4ef6\u3002\", \"isCorrect\": true},\n {\"text\": \"\u5ffd\u7565\u963b\u529b\uff0c\u7ee7\u7eed\u62e7\u7d27\u87ba\u9489\", \"rationale\": \"\u4f9d\u9760\u87ba\u9489\u62c9\u529b\u5f3a\u884c\u590d\u4f4d\u4f1a\u62c9\u4f24\u87ba\u7eb9\u6216\u635f\u574f\u914d\u5408\u9762\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u66b4\u529b\u64cd\u4f5c\u5f80\u5f80\u4f1a\u5e26\u6765\u635f\u574f\uff0c\u6b63\u786e\u7684\u505a\u6cd5\u662f\u9000\u4e00\u6b65\u67e5\u627e\u539f\u56e0\u3002\"\n },\n {\n \"question\": \"\u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u6700\u540e\u4e00\u6b65\u5fc5\u987b\u4f7f\u7528\u4ec0\u4e48\u5de5\u5177\u8fdb\u884c\u68c0\u67e5\uff0c\u4ee5\u786e\u4fdd\u6ca1\u6709\u7535\u7f06\u53d7\u635f\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u6e29\u5ea6\u8ba1\", \"rationale\": \"\u6e29\u5ea6\u8ba1\u7528\u4e8e\u6d4b\u91cf\u6e29\u5ea6\uff0c\u65e0\u6cd5\u68c0\u6d4b\u7535\u8def\u7684\u8fde\u901a\u6027\u6216\u77ed\u8def\u60c5\u51b5\u3002\", \"isCorrect\": false},\n {\"text\": \"\u626d\u77e9\u6273\u624b\", \"rationale\": \"\u626d\u77e9\u6273\u624b\u7528\u4e8e\u7d27\u56fa\u87ba\u9489\uff0c\u867d\u7136\u5fc5\u987b\u4f7f\u7528\uff0c\u4f46\u5b83\u4e0d\u662f\u7528\u6765\u68c0\u67e5\u7535\u7f06\u72b6\u51b5\u7684\u5de5\u5177\u3002\", \"isCorrect\": false},\n {\"text\": \"\u6b27\u59c6\u8868\", \"rationale\": \"\u5728\u88c5\u914d\u8fc7\u7a0b\u4e2d\u7535\u7f06\u53ef\u80fd\u88ab\u6324\u538b\u6216\u5207\u65ad\uff0c\u4f7f\u7528\u6b27\u59c6\u8868\u6d4b\u91cf\u7535\u963b\u53ef\u4ee5\u9a8c\u8bc1\u52a0\u70ed\u5668\u548c\u611f\u6e29\u7ebf\u7535\u8def\u7684\u5b8c\u6574\u6027\u3002\", \"isCorrect\": true},\n {\"text\": \"\u6c34\u5e73\u4eea\", \"rationale\": \"\u6c34\u5e73\u4eea\u7528\u4e8e\u68c0\u67e5\u673a\u68b0\u6c34\u5e73\uff0c\u65e0\u6cd5\u53d1\u73b0\u7535\u6c14\u6545\u969c\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u6211\u4eec\u9700\u8981\u68c0\u67e5\u7684\u662f\u7535\u8def\u7cfb\u7edf\u7684\u7535\u6c14\u5b8c\u6574\u6027\u3002\"\n },\n {\n \"question\": \"\u5728\u5b89\u88c5\u524d\uff0c\u5fc5\u987b\u786e\u4fdd\u54ea\u4e2a\u90e8\u4f4d\u6e05\u6d01\u4e14\u65e0\u6bdb\u523a\u6216\u6cb9\u6c61\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u6a21\u5177\u7684\u5916\u8868\u9762\", \"rationale\": \"\u5916\u8868\u9762\u7684\u6e05\u6d01\u4e3b\u8981\u4e3a\u4e86\u7f8e\u89c2\uff0c\u4e0d\u5f71\u54cd\u6838\u5fc3\u529f\u80fd\u3002\", \"isCorrect\": false},\n {\"text\": \"\u6ce8\u5634\u548c\u6a21\u8154\u677f\u5bc6\u5c01\u76f4\u5f84\", \"rationale\": \"\u5bc6\u5c01\u76f4\u5f84\u662f\u9632\u6b62\u6f0f\u80f6\u7684\u5173\u952e\u914d\u5408\u9762\uff0c\u4efb\u4f55\u6742\u8d28\u3001\u6bdb\u523a\u6216\u6cb9\u6c61\u90fd\u53ef\u80fd\u5bfc\u81f4\u5bc6\u5c01\u5931\u6548\u3002\", \"isCorrect\": true},\n {\"text\": \"\u8d77\u540a\u73af\u87ba\u7eb9\", \"rationale\": \"\u8d77\u540a\u73af\u87ba\u7eb9\u9700\u8981\u68c0\u67e5\u5b8c\u6574\u6027\uff0c\u4f46\u201c\u65e0\u6cb9\u6c61\u201d\u4e0d\u662f\u5176\u5173\u952e\u8981\u6c42\uff0c\u5b9e\u9645\u4e0a\u901a\u5e38\u9700\u8981\u6da6\u6ed1\u3002\", \"isCorrect\": false},\n {\"text\": \"\u652f\u811a\u5e95\u90e8\", \"rationale\": \"\u652f\u811a\u5e95\u90e8\u63a5\u89e6\u53f0\u9762\uff0c\u5176\u6e05\u6d01\u5ea6\u5bf9\u6a21\u5177\u5185\u90e8\u529f\u80fd\u6ca1\u6709\u76f4\u63a5\u5f71\u54cd\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u8fd9\u4e2a\u90e8\u4f4d\u4e0d\u4ec5\u914d\u5408\u7d27\u5bc6\uff0c\u800c\u4e14\u76f4\u63a5\u5173\u7cfb\u5230\u662f\u5426\u4f1a\u53d1\u751f\u6f0f\u80f6\u3002\"\n },\n {\n \"question\": \"\u5728\u5de5\u4f5c\u53f0\u4e0a\u62c6\u5378\u6a21\u8154\u677f\u65f6\uff0c\u7b2c\u4e00\u6b65\u64cd\u4f5c\u901a\u5e38\u662f\u4ec0\u4e48\uff08\u5728\u79fb\u9664\u87ba\u9489\u4e4b\u524d\uff09\uff1f\",\n \"answerOptions\": [\n {\"text\": \"\u5c06\u70ed\u6d41\u9053\u7ffb\u8f6c\u8fc7\u6765\", \"rationale\": \"SOP\u8981\u6c42\u6ce8\u5634\u671d\u4e0a\u653e\u7f6e\uff0c\u4e0d\u9700\u8981\u7ffb\u8f6c\u3002\", \"isCorrect\": false},\n {\"text\": \"\u76f4\u63a5\u7528\u624b\u642c\u8d70\u6a21\u8154\u677f\", \"rationale\": \"\u6a21\u8154\u677f\u8fc7\u91cd\u4e14\u7cbe\u5bc6\uff0c\u5fc5\u987b\u4f7f\u7528\u540a\u88c5\u8bbe\u5907\u3002\", \"isCorrect\": false},\n {\"text\": \"\u5c06\u7ec4\u4ef6\u653e\u7f6e\u5728\u5de5\u4f5c\u53f0\u4e0a\u5e76\u4f7f\u6ce8\u5634\u671d\u4e0a\", \"rationale\": \"\u8fd9\u662f\u6240\u6709\u540e\u7eed\u62c6\u5378\u5de5\u4f5c\u7684\u57fa\u7840\u5b9a\u4f4d\uff0c\u786e\u4fdd\u64cd\u4f5c\u65b9\u5411\u6b63\u786e\u4e14\u5e73\u7a33\u3002\", \"isCorrect\": true},\n {\"text\": \"\u5148\u62c6\u4e0b\u6240\u6709\u7684\u52a0\u70ed\u5668\", \"rationale\": \"\u62c6\u5378\u52a0\u70ed\u5668\u901a\u5e38\u662f\u5728\u79fb\u9664\u6a21\u8154\u677f\u4e4b\u540e\u8fdb\u884c\u7684\u6b65\u9aa4\u3002\", \"isCorrect\": false}\n ],\n \"hint\": \"\u5728\u5f00\u59cb\u62c6\u87ba\u4e1d\u6216\u540a\u88c5\u4e4b\u524d\uff0c\u4f60\u9700\u8981\u5148\u6446\u597d\u59ff\u52bf\u3002\"\n }\n ];\n\n \/\/ -------------------------------------------------------------------------\n \/\/ 2. \u6d4b\u9a8c\u903b\u8f91\n \/\/ -------------------------------------------------------------------------\n\n let currentQuestionIndex = 0;\n let score = 0;\n let userSelection = null;\n let isAnswerSubmitted = false;\n let answeredQuestions = 0;\n\n const quizContent = document.getElementById('quiz-content');\n const scoreDisplay = document.getElementById('score-display');\n const submitButton = document.getElementById('submit-button');\n const nextButton = document.getElementById('next-button');\n const hintButton = document.getElementById('hint-button');\n\n \/\/ \u8f85\u52a9\u51fd\u6570\uff1a\u6253\u4e71\u6570\u7ec4\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {<br \/>\n const j = Math.floor(Math.random() * (i + 1));<br \/>\n [array[i], array[j]] = [array[j], array[i]];<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ \u6e32\u67d3\u5f53\u524d\u95ee\u9898<br \/>\n function renderQuestion() {<br \/>\n const q = quizData[currentQuestionIndex];<br \/>\n const totalQuestions = quizData.length;<\/p>\n<p> \/\/ \u91cd\u7f6e\u72b6\u6001<br \/>\n userSelection = null;<br \/>\n isAnswerSubmitted = false;<br \/>\n submitButton.disabled = true;<br \/>\n submitButton.style.display = 'inline-block';<br \/>\n nextButton.style.display = 'none';<br \/>\n hintButton.style.display = 'inline-block';<\/p>\n<p> \/\/ \u6253\u4e71\u9009\u9879\uff0c\u786e\u4fdd\u6bcf\u6b21\u6d4b\u9a8c\u987a\u5e8f\u4e0d\u540c<br \/>\n shuffleArray(q.answerOptions);<\/p>\n<p> quizContent.innerHTML = `<\/p>\n<div class=\"mb-6\">\n<p class=\"text-lg font-medium text-indigo-600 mb-2\">\u95ee\u9898 ${currentQuestionIndex + 1} \/ ${totalQuestions}<\/p>\n<h2 class=\"text-2xl font-semibold text-gray-800\">${q.question}<\/h2>\n<\/p><\/div>\n<p> <!-- \u63d0\u793a\u533a\u57df --><\/p>\n<div id=\"hint-area\" class=\"mt-4 hidden-hint\">\n<p class=\"text-sm font-medium text-yellow-700 bg-yellow-100 p-3 rounded-lg border border-yellow-300\">\n <span class=\"font-bold\">\u63d0\u793a:<\/span> ${q.hint}\n <\/p>\n<\/p><\/div>\n<div id=\"options-container\" class=\"space-y-4\">\n ${q.answerOptions.map((option, index) => `<\/p>\n<div data-index=\"${index}\" class=\"option-button p-4 border border-gray-300 rounded-lg cursor-pointer bg-white shadow-sm hover:shadow-md transition duration-150\">\n<p class=\"text-gray-700\">${option.text}<\/p>\n<\/p><\/div>\n<div id=\"rationale-${index}\" class=\"rationale-text text-sm p-3 mt-1 rounded-lg border-l-4 hidden\">\n<p class=\"font-semibold mb-1\">\u89e3\u6790:<\/p>\n<p>${option.rationale}<\/p>\n<\/p><\/div>\n<p> `).join('')}\n <\/p><\/div>\n<p> `;<\/p>\n<p> updateScoreDisplay();<br \/>\n attachEventListeners();<br \/>\n }<\/p>\n<p> \/\/ \u9644\u52a0\u4e8b\u4ef6\u76d1\u542c\u5668<br \/>\n function attachEventListeners() {<br \/>\n const optionButtons = quizContent.querySelectorAll('.option-button');<br \/>\n optionButtons.forEach(button => {<br \/>\n button.addEventListener('click', handleOptionClick);<br \/>\n });<\/p>\n<p> submitButton.addEventListener('click', handleSubmit);<br \/>\n nextButton.addEventListener('click', handleNext);<br \/>\n hintButton.addEventListener('click', handleHint);<br \/>\n }<\/p>\n<p> \/\/ \u5904\u7406\u9009\u9879\u70b9\u51fb<br \/>\n function handleOptionClick(event) {<br \/>\n if (isAnswerSubmitted) return;<\/p>\n<p> const clickedButton = event.currentTarget;<br \/>\n const index = parseInt(clickedButton.getAttribute('data-index'));<\/p>\n<p> \/\/ \u79fb\u9664\u6240\u6709\u9009\u4e2d\u72b6\u6001<br \/>\n const optionButtons = quizContent.querySelectorAll('.option-button');<br \/>\n optionButtons.forEach(btn => btn.classList.remove('selected-option'));<\/p>\n<p> \/\/ \u6dfb\u52a0\u9009\u4e2d\u72b6\u6001<br \/>\n clickedButton.classList.add('selected-option');<br \/>\n userSelection = index;<br \/>\n submitButton.disabled = false;<br \/>\n }<\/p>\n<p> \/\/ \u5904\u7406\u63d0\u793a\u70b9\u51fb<br \/>\n function handleHint() {<br \/>\n const hintArea = document.getElementById('hint-area');<br \/>\n hintArea.classList.remove('hidden-hint');<br \/>\n hintArea.classList.add('visible-hint');<br \/>\n hintButton.disabled = true;<br \/>\n }<\/p>\n<p> \/\/ \u5904\u7406\u63d0\u4ea4<br \/>\n function handleSubmit() {<br \/>\n if (userSelection === null || isAnswerSubmitted) return;<\/p>\n<p> isAnswerSubmitted = true;<br \/>\n submitButton.style.display = 'none';<br \/>\n nextButton.style.display = 'inline-block';<br \/>\n hintButton.style.display = 'none';<\/p>\n<p> const q = quizData[currentQuestionIndex];<br \/>\n const selectedOption = q.answerOptions[userSelection];<br \/>\n const optionButtons = quizContent.querySelectorAll('.option-button');<\/p>\n<p> let isCorrect = selectedOption.isCorrect;<\/p>\n<p> \/\/ \u6807\u8bb0\u7b54\u6848<br \/>\n optionButtons.forEach((button, index) => {<br \/>\n const rationaleText = document.getElementById(`rationale-${index}`);<br \/>\n const option = q.answerOptions[index];<\/p>\n<p> button.classList.remove('selected-option', 'hover:shadow-md');<br \/>\n button.classList.remove('cursor-pointer'); \/\/ \u63d0\u4ea4\u540e\u7981\u6b62\u70b9\u51fb<\/p>\n<p> \/\/ \u663e\u793a\u89e3\u6790<br \/>\n rationaleText.classList.remove('hidden');<\/p>\n<p> if (option.isCorrect) {<br \/>\n \/\/ \u6b63\u786e\u7b54\u6848<br \/>\n button.classList.add('correct-answer', 'border-4');<br \/>\n rationaleText.classList.add('bg-green-50', 'text-green-800', 'border-green-500');<br \/>\n } else {<br \/>\n \/\/ \u9519\u8bef\u7b54\u6848<br \/>\n rationaleText.classList.add('bg-red-50', 'text-red-800', 'border-red-500');<br \/>\n }<\/p>\n<p> if (index === userSelection && !option.isCorrect) {<br \/>\n \/\/ \u7528\u6237\u9009\u9519\u7684\u9009\u9879<br \/>\n button.classList.add('incorrect-answer', 'border-4');<br \/>\n }<br \/>\n });<\/p>\n<p> if (isCorrect) {<br \/>\n score++;<br \/>\n }<br \/>\n answeredQuestions++;<br \/>\n updateScoreDisplay();<br \/>\n }<\/p>\n<p> \/\/ \u5904\u7406\u4e0b\u4e00\u9898\u6216\u5b8c\u6210\u6d4b\u9a8c<br \/>\n function handleNext() {<br \/>\n currentQuestionIndex++;<br \/>\n if (currentQuestionIndex < quizData.length) {\n renderQuestion();\n } else {\n showFinalScore();\n }\n }\n\n \/\/ \u663e\u793a\u6700\u7ec8\u5f97\u5206\u754c\u9762\n function showFinalScore() {\n quizContent.innerHTML = `\n \n\n<div class=\"text-center py-12\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 mx-auto text-indigo-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg><\/p>\n<h2 class=\"text-3xl font-bold text-gray-800 mt-4\">\u6d4b\u9a8c\u5b8c\u6210\uff01<\/h2>\n<p class=\"text-xl text-gray-600 mt-2\">\u60a8\u83b7\u5f97\u4e86 ${score} \u5206\uff0c\u603b\u5171 ${quizData.length} \u9898\u3002<\/p>\n<p class=\"text-3xl font-extrabold text-indigo-600 mt-4\">\u5f97\u5206\u7387: ${((score \/ quizData.length) * 100).toFixed(1)}%<\/p>\n<p> <button onclick=\"location.reload()\" class=\"mt-8 px-8 py-3 bg-indigo-600 text-white font-semibold rounded-lg shadow-xl hover:bg-indigo-700 transition duration-150\"><br \/>\n \u91cd\u65b0\u5f00\u59cb\u6d4b\u9a8c<br \/>\n <\/button>\n <\/div>\n<p> `;<br \/>\n \/\/ \u9690\u85cf\u63a7\u5236\u6309\u94ae<br \/>\n submitButton.style.display = 'none';<br \/>\n nextButton.style.display = 'none';<br \/>\n hintButton.style.display = 'none';<br \/>\n scoreDisplay.textContent = `\u6700\u7ec8\u5f97\u5206: ${score} \/ ${quizData.length}`;<br \/>\n }<\/p>\n<p> \/\/ \u66f4\u65b0\u5206\u6570\u663e\u793a<br \/>\n function updateScoreDisplay() {<br \/>\n scoreDisplay.textContent = `\u5f97\u5206: ${score} \/ ${answeredQuestions} | \u603b\u8fdb\u5ea6: ${currentQuestionIndex + 1} \/ ${quizData.length}`;<br \/>\n }<\/p>\n<p> \/\/ \u521d\u59cb\u5316\u6d4b\u9a8c<br \/>\n window.onload = function() {<br \/>\n renderQuestion();<br \/>\n };<br \/>\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">SOP 5.3.10 \u6a21\u8154\u677f\u62c6\u88c5\u6d4b\u9a8c SOP 5.3.10 \u6a21\u8154\u677f\u62c6\u88c5\u6d4b\u9a8c \u5f97\u5206: 0 \/ 0 \u63d0\u793a \u63d0\u4ea4\u7b54\u6848 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"epkb_post_type_1_category":[95],"epkb_post_type_1_tag":[],"class_list":["post-2283","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-quiz"],"_links":{"self":[{"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/2283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laoni.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2283"}],"version-history":[{"count":2,"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/2283\/revisions"}],"predecessor-version":[{"id":2286,"href":"https:\/\/www.laoni.work\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/2283\/revisions\/2286"}],"wp:attachment":[{"href":"https:\/\/www.laoni.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2283"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/www.laoni.work\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_category&post=2283"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/www.laoni.work\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_tag&post=2283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}