增加select2组件

resources/views/admin/prescription-print.blade.php

@@ -20,7 +20,7 @@
             <button class="btn btn-success" id="download-btn">
                 <i class="fa fa-download"></i> 下载处方
             </button>
-            
+
             <button class="btn btn-primary" id="print-btn">
                 <i class="fa fa-print"></i> 打印处方
             </button>
@@ -28,10 +28,12 @@
     </div>
 </div>
 
+<link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/select2/4.0.13/css/select2.min.css" type="text/css" rel="stylesheet" />
+<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/select2/4.0.13/js/select2.min.js" type="application/javascript"></script>
 <script>
 Dcat.ready(function () {
     console.log('文档加载完成');
-    
+
     // 初始化处方打印页面
     const prescriptionHandler = new class {
         constructor() {
@@ -48,15 +50,15 @@
                     this.search();
                 }
             });
-            
+
             $('#search-btn').on('click', () => {
                 console.log('点击搜索按钮');
                 this.search();
             });
-            
+
             $('#download-btn').on('click', () => this.download());
             $('#print-btn').on('click', () => this.print());
-            
+
             console.log('事件绑定完成');
         }
 
@@ -71,7 +73,7 @@
 
             console.log('开始发送请求，处方编号:', prescriptionNo, '电子印章:', isEseal);
             Dcat.loading();
-            
+
             $.ajax({
                 url: "{{ admin_url('prescription-search') }}",
                 type: 'POST',
@@ -85,12 +87,12 @@
                 success: (response) => {
                     console.log('请求成功:', response);
                     Dcat.loading(false);
-                    
+
                     if (response.status) {
                         $('#prescription-image').attr('src', response.data.img_url + '?t=' + new Date().getTime());
                         $('#download-btn').data('url', response.data.img_url);
                         $('#prescription-container').show();
-                        
+
                         this.showEditableForm(response.data.drug_info,response.data.dosage_list);
                     } else {
                         Dcat.error(response.message || '获取处方失败');
@@ -131,7 +133,7 @@
         showEditableForm(drugs, dosage_list) {
             console.log('drugs:', drugs); // 调试信息
             console.log('dosage_list:', dosage_list); // 调试信息
-            
+
             // 仅在 drugs 有值时生成表单
             // 清空现有的药品信息表单
             $('#editable-drug-list').remove();
@@ -143,14 +145,14 @@
                         <input type="hidden" name="pharmacy_drug_id[]" value="${drug.pharmacy_drug_id}">
                         <label class="input-group-text">${drug.drug_name} || ${drug.spec} || ${drug.num}${drug.unit}</label>
                         <select class="form-control" name="dosage_id[]">
-                            ${Array.isArray(dosage_list) && dosage_list.length > 0 ? 
+                            ${Array.isArray(dosage_list) && dosage_list.length > 0 ?
                                 (() => {
                                     let options = '';
                                     dosage_list.forEach(dose => {
                                         options += `<option value="${dose.id}" ${drug.dosage_id === dose.id ? 'selected' : ''}>${dose.dosage_desc}</option>`; // 判断是否选中
                                     });
                                     return options;
-                                })() : 
+                                })() :
                                 '<option value="">无可用剂量</option>'}
                         </select>
                     </div>
@@ -159,6 +161,7 @@
             formHtml += '</div>';
             // 将表单添加到搜索表单下方
             $('.search-form').after(formHtml);
+            $(document).find('#editable-drug-list select').select2();
         }
 
         // 新增：获取剂量数据的方法