update 修改不良反应 显示成库形式 数据暂时 写死 固定

health-admin/src/main/resources/templates/dtp/followUp/followUpEdit.html

@@ -603,6 +603,44 @@
                                     <div class="input-groups">
                                         <input name="weight" id="blfy" placeholder="请输入不良反应" class="styled-input edit_inputs" type="text"  th:value="${weight}">
                                     </div>
+                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal5">新增不良反应</button>
+
+                                        <div class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog" aria-hidden="true">
+                                            <div class="modal-dialog modal-lg" style="width: 1000px">
+                                                <div class="modal-content">
+                                                    <div class="modal-header">
+                                                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
+                                                        </button>
+                                                        <h4 class="modal-title">不良反应系统</h4>
+                                                        <!--<small class="font-bold">这里可以显示副标题。</small>-->
+                                                    </div>
+                                                    <div class="modal-body">
+                                                        <div id="element1" class="row">
+                                                            <div class="col-sm-2">
+                                                                <select class="province form-control m-b" data-first-title="选择不良反应">
+                                                                    <option value="">请选择</option>
+                                                                </select>
+                                                            </div>
+                                                            <div class="col-sm-3">
+                                                                <select class="city form-control m-b" data-first-title="选择不良反应位置">
+                                                                    <option value="">请选择</option>
+                                                                </select>
+                                                            </div>
+                                                            <div class="col-sm-7">
+                                                                <select class="area form-control m-b" data-first-title="选择不良反应数值">
+                                                                    <option value="">请选择</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="modal-footer">
+                                                        <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
+                                                        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="selectAdverseReactions()">保存</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
                                     <span class="status"></span>
                                     </div>
                                     <div class="customize-form-group edit">
@@ -657,6 +695,7 @@
     </div>
 </form>
 <th:block th:include="include :: footer" />
+<th:block th:include="include :: jquery-cxselect-js" />
 <th:block th:include="include :: layout-latest-js" />
 <th:block th:include="include :: bootstrap-table-fixed-columns-js" />
 <th:block th:include="include :: ztree-js" />
@@ -672,9 +711,25 @@
             $.operate.saveTab(prefix + "/followUpEdit", data);
         }
     }
+    function selectAdverseReactions() {
+        var province = $('.province').val();
+        var city = $('.city').val();
+        var area = $('.area').val();
+        $('.province, .city, .area').val('');
+
+        // 打印不良选择的不良反应
+        console.log('Selected: ' + province + ', ' + city + ', ' + area);
+    };
+
     //初始化加载
     $(document).ready(function() {
-
+        // 通过默认url获取
+        var urlChina = prefix+'/selectAdverseReactions';
+        $.cxSelect.defaults.url = urlChina;
+        $('#element1').cxSelect({
+            selects: ['province', 'city', 'area'],
+            nodata: 'none'
+        });
         // 监听点击事件，激活指定的选项卡
         $('#myUlTabs li a').click(function(e) {
             // 阻止默认行为