#override("body")
<div class="wrapper wrapper-content">
    <div class="row">
        <!--<div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-content mailbox-content">
                    <div class="container-fluid">
                        <ul class="list-group col-sm-12">
                            <li class='list-group-item col-sm-9'>医院介绍</li>
                            <li class='list-group-item col-sm-9'>科室介绍</li>
                            <li class='list-group-item col-sm-9'>医生介绍</li>
                            <li class='list-group-item col-sm-9'>检查项目</li>
                            <li class='list-group-item col-sm-9'>孕期产检</li>
                            <li class='list-group-item col-sm-9'>儿童保健</li>
                            <li class='list-group-item col-sm-9'>孕妇学校</li>
                            <li class='list-group-item col-sm-9'>床位预约</li>
                            <li onclick='showMessageList()' class='col-sm-9 btn btn-w-m btn-primary'>短信内容设置</li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>-->
        <div class="col-sm-12 animated fadeInRight">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <label><h3 class="panel-title">短信内容设置</h3></label>
                </div>
                <div class="panel-body" id="showVer">
                    <label>短信基础版本选择 ： <span id="verName"></span></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
                        href="javascript:changeVer()">更改</a>
                </div>

                <div class="panel-body row hidden" id="dataVer">
                    <div class="col-sm-12">
                        <form class="form-inline">
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label for="tagsIds"> 短信基础版本选择：</label>
                                    <select class="form-control" id="tempVerId" style="width: 195px">
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <a class="btn btn-primary" href="javascript:configVer()">确定</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="ibox float-e-margins">
                <div class="row wrapper border-bottom white-bg page-heading">
                    <div class="col-sm-10">
                        <div>
                            <form role="form" class="form-inline">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="content">短信内容：</label>
                                            <input type="text" class="form-control" id="content" placeholder="短信内容">
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="tagsIds">标签:</label>
                                            <select class="form-control" id="tagsIds" style="width: 195px">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group" onclick="search();">
                                            <a class="btn btn-primary"><i class="fa fa-search"></i> 查询</a>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <button class="btn btn-info" type="button" onclick="add();"><i
                                            class="fa fa-plus"></i>
                                        新增
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="wrapper wrapper-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <table id="dataTable"></table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        #end
        #override("js")
        <script type="text/javascript">
            var controllerRequestMappint = "/contentDoctorMessage/";

            function add(){
                fullWindow("新增信息", APP.PATH + controllerRequestMappint + "0/toEdit?hId=$hospId", 850, 800);
            }
            function showMessageList() {
                layer.closeAll();//关闭弹窗
                var queryParams = {
                    query: {
                        content: $("#content").val(),
                        tagsIds: $("#tagsIds").val()
                    }
                }
                $('#dataTable').bootstrapTable('refresh', queryParams);
            }

            function del(msgId){
                layer.confirm('确定删除选中的数据', {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $.post(APP.PATH + controllerRequestMappint + msgId+"/delete", "", function (data) {
                        msg(data.message);
                        showMessageList();
                    }, "json");
                });
            }

            function changeVer() {
                $("#showVer").hide();
                $("#dataVer").removeClass("hidden");
            }

            function configVer() {
                var verId = $("#tempVerId option:selected").val();

                //发起Ajax进行修改
//                alert(verId);
                $.post(APP.PATH + controllerRequestMappint + "configrTempVer", "hosptId=$hospId&tvId=" + verId, function (data) {
                    showMessageList();
                    var verText = $("#tempVerId option:selected").text();
                    $("#verName").text(verText);
//                    alert(JSON.stringify(data));
                }, "json");

                $("#showVer").show();
                $("#dataVer").addClass("hidden");
            }

            function initTempVer() {
                $.get(APP.PATH + "/contentTemplateVersion/list", "json", function (data) {
                    if (data) {
                        var optionTagHtml = "<option>未选择</option>";
                        data.forEach(function (i, d) {
                            optionTagHtml += '<option value="' + i.id + '">' + i.versionName + '</option>';
                        });
                        $("#tempVerId").append(optionTagHtml);
                    }
                })
            }

            function initHouspVer() {
                $.get(APP.PATH + controllerRequestMappint + "/$hospId/getVersion", "json", function (data) {
                    if (data.success) {
                        $("#verName").append(data.data);
                    }
                });
            }

            function search() {
                var queryParams = {
                    query: {
                        content: $("#content").val(),
                        tagsIds: $("#tagsIds").val()
                    }
                }
                $('#dataTable').bootstrapTable('refresh', queryParams);
            }

            function initTagsData() {
                $.get("${ctx}/contentTags/seleList", "json", function (data) {
                    if (data.success) {
                        var optionTagHtml = "<option value=''>全部</option>";
                        data.data.forEach(function (d, i) {
                            optionTagHtml += '<option value="' + d.id + '">' + d.tagName + '</option>';
                        });
                        $("#tagsIds").append(optionTagHtml);
                    }
                });
            }

            function initMsgTab() {
                $('#dataTable').bootstrapTable({
                    url: '${ctx}/contentDoctorMessage/list?doctorId=$hospId',     //请求后台的URL（*）
                    method: 'get',           //请求方式（*）
                    striped: true,           //是否显示行间隔色
                    pagination: true,
                    cache: false,            //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                    sortable: false,           //是否启用排序
                    sidePagination: "server",      //分页方式：client客户端分页，server服务端分页（*）
                    pageNumber: 1,            //初始化加载第一页，默认第一页
                    pageSize: 10,            //每页的记录行数（*）
                    pageList: [200],    //可供选择的每页的行数（*）
                    strictSearch: true,
                    onDblClickRow: function (row, ev) {
                        fullWindow("修改信息", APP.PATH + controllerRequestMappint + row.id + "/toEdit?hId=$hospId", 850, 800);
                    },
                    queryParams: function (params) {
                        return {
                            _size: params.limit,  //每页记录数
                            _offset: params.offset, //偏移量
                        };
                    },
                    clickToSelect: true,        //是否启用点击选中行
                    //height: 600,            //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                    uniqueId: "id",           //每一行的唯一标识，一般为主键列
                    cardView: false,          //是否显示详细视图
                    detailView: false,          //是否显示父子表
                    columns: [{
                        field: 'content',
                        title: '短信内容',
                        width: "50%"
                    }, {
                        field: 'contentTagIds',
                        title: '标签',
                        width: "30%",
                        formatter: function (value, row, index) {
                            var tagsNames = value.split(",");
                            var tagsHtml = "";
                            for (var i = 0; i < tagsNames.length; i++) {
                                if ((i + 1) % 5 == 1) {
                                    tagsHtml += '<span class="badge badge-primary" style="margin: 3px;">' + tagsNames[i] + '</span>';
                                } else if ((i + 1) % 5 == 2) {
                                    tagsHtml += '<span class="badge label-info" style="margin: 3px;">' + tagsNames[i] + '</span>';
                                } else if ((i + 1) % 5 == 3) {
                                    tagsHtml += '<span class="badge label-success" style="margin: 3px;">' + tagsNames[i] + '</span>';
                                } else if ((i + 1) % 5 == 4) {
                                    tagsHtml += '<span class="badge label-warning" style="margin: 3px;">' + tagsNames[i] + '</span>';
                                } else {
                                    tagsHtml += '<span class="badge label-danger" style="margin: 3px;">' + tagsNames[i] + '</span>';
                                }
                            }
                            return tagsHtml;
                        }
                    }, {
                        field: 'id',
                        title: '操作',
                        width: "20%",
                        formatter: function (value, row, index) {
                            return "<button  class='btn btn-sm btn-danger m-r-xs' onclick=del('"+value+"')>删除</button>";
                        }
                    }]
                });
            }

            $(function () {
                initTagsData();
                initMsgTab();
                initHouspVer();
                initTempVer();
            });
        </script>

        #end
        #extends("/common/base_list.html")