bjquanjiang
/
DigitalScholl

﻿
@{
    ViewBag.Title = "Floor";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="" />
    <title>数字化校园-宿舍</title>
    <meta name="keywords" content="数字化校园-宿舍" />
    <meta name="description" content="数字化校园-宿舍" />
    <link href="~/Content/font/css/font-awesome.css" rel="stylesheet" />
    <link href="~/Content/css/swiper.min.css" rel="stylesheet" />
    <link href="~/Content/css/common.css" rel="stylesheet" />
    <link href="~/Content/css/index.css" rel="stylesheet" />
    <!--自适应-->

    <script src="~/Content/jquery/plugin/layer/layer.js"></script>
    <script src="~/Content/echarts/echarts.js"></script>
    <script src="~/Content/news/js/easing.js"></script>
    <script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>
    <!--自适应-->


    <script src="~/Content/js/dormitory/main.js"></script>

    <!--[if lte IE 9]>
       <script src="js/respond.min.js"></script>
       <script src="js/html5shiv.js"></script>
    <![endif]-->
    <style>
        html, body {
            background-image: url('/Content/images/floor/bg3.jpg');
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Content/images/floor/bg2.jpg',  sizingMethod='scale');
            overflow: auto;
        }

        .layerImg {
            top: 0px;
            left: -60px;
            width: 273px;
        }
    </style>
</head>
<body>
    <!--  / warpper  -->
    <div id="app" class="index_warpper room_warpper">

        <!--  / index_sec1  -->
        <div class="index_sec index_sec1">
            <div class="index_box">
                <div class="indSec1T">
                    <a :href="'/LogisticsManagement/Accommodation/Floor'">{{dormitoryName}}</a><a :href="'/LogisticsManagement/Accommodation/Unit?ID='+dormitoryID">{{unitName}}</a><a :href="'/LogisticsManagement/Accommodation/Corridor?ID='+unitID">{{floorName}}</a><a :href="'/LogisticsManagement/Accommodation/Dormitory?ID='+floorID">{{roomName}}</a>
                    <ul class="indSec1List">
                        @*<li><a href="#"><img src="/Content/images/floor/inSec1-5.png" alt="" />多条件查找宿舍楼</a></li>
                            <li><a href="#"><img src="/Content/images/floor/inSec1-6.png" alt="" />自动分配宿舍</a></li>*@
                        <li><a href="#" @@click="addFloor()"><img src="/Content/images/floor/inSec1-7.png" alt="" />添加床位</a></li>
                        @*<li><a href="#"><img src="/Content/images/floor/inSec1-8.png" alt="" />批量删除</a></li>
                            <li><a href="#"><img src="/Content/images/floor/inSec1-9.png" alt="" />打印宿舍数据</a></li>*@
                    </ul>
                </div>
                <div class="inSec1Row">
                    <div v-for="floor in floors" class="inSec1Col3">
                        <div class="inSec1Box">
                            <div class="inSec1Top">
                                <span>{{floor.dormitory.Name}}</span>
                                <ul class="inSec1TopList">
                                    <li>
                                        <a href="javascript:;"><img src="/Content/images/floor/inSec1-2.png" alt="" /></a>
                                        <div class="inSec1Con inSec1Con1">
                                            <img class="inSec1Horn" src="/Content/images/floor/inSec1-11.png" alt="" />
                                            <div v-if="floor.stuInfo" class="inSec1Con2">
                                                <div class="inSec1ConT">{{floor.dormitory.Name}} <div class="inSec1Sex" :style="floor.dormitory.Sex | filter_style"><img :src="floor.dormitory.Sex | filter_sexImg" alt="" />{{floor.dormitory.Sex | filter_sex}}</div></div>
                                                <div class="inSec1ConTxt">
                                                    姓名 <span :title="floor.stuInfo.StuName" class="inSec1ConSpan1">{{floor.stuInfo.StuName}}</span> &nbsp;&nbsp;&nbsp;&nbsp; 学号 <span :title="floor.stuInfo.StuNo" class="inSec1ConSpan2" style="margin-left:0">{{floor.stuInfo.StuNo}}</span>
                                                </div>
                                                <div class="inSec1ConTxt">
                                                    院系 <span :title="floor.stuInfo.DeptNo | filter_Dept" class="inSec1ConSpan1">{{floor.stuInfo.DeptNo | filter_Dept}}</span> &nbsp;&nbsp;&nbsp;&nbsp; 专业 <span :title="floor.stuInfo.MajorNo | filter_Major" style="margin-left:0" class="inSec1ConSpan2">{{floor.stuInfo.MajorNo | filter_Major}}</span>
                                                </div>
                                                <div @@click="checkDetail(floor)" class="inSec1Btn">查看更多信息  <i class="fa fa-angle-right"></i></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a @@click="update(floor.dormitory.ID)" href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>
                                    <li><a @@click="deleteFloor(floor)" href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>
                                </ul>
                                <div class="clear"></div>
                            </div>
                            <div class="inSec1Img">
                                <img src="/Content/images/floor/room1-1.png" alt="" />
                                <div class="inSec1ImgCon">
                                    @*<div class="inSec1ImgCon1"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>*@
                                    <div v-if="floor.stuInfo" class="inSec1ImgCon3">满</div>
                                    <div v-else="floor.stuInfo" class="inSec1ImgCon3">空</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--  / index_sec1  -->

    </div>
    <!--  / warpper  -->

    <script>


  //$('.inSec1Row').html(html).on('click','.inSec1Btn',function(){
  //  var ind = $(this).attr('index');
  //  var datas = data.rows[ind];
  //  var floor = floorName(datas.Name,1);
  //  layer.open({
  //    type:1,
  //    closeBtn:2,
  //    area:['888px','80%'],
  //    content:'<div class="layerBox unitLayer roomLayer">'+
  //      '<div class="layer_sec1 layer_sec">'+
  //        '<div class="laySec1L">'+
  //          '<div class="laySec1ConTitle"><span>1</span>号楼&nbsp;&nbsp;<span>1</span>单元&nbsp;&nbsp;<span>1</span>层&nbsp;&nbsp;<span>101</span>室</div> '+
  //          '<div class="laySec1ConT"><span>'+floor+'</span>床 '+
  //          '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'+
  //        '</div>'+
  //        '<div class="laySec1R">'+
  //          '<div class="laySec1RImg"><div><img src="/Content/images/floor/room1.jpg" alt="" /></div></div>'+
  //          '<div class="laySec1RCon">'+
  //            '<div class="laySec1Txts"><span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>0321534</div>'+
  //            '<div class="laySec1Txts"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>张丽敏</div>'+
  //            '<div class="laySec1Txts"><span>联系电话</span>15284563254</div>'+
  //            '<div class="laySec1Txts"><span>出生日期</span>2000-07-19</div>'+
  //          '</div>'+
  //        '</div>'+
  //      '</div>'+
  //      '<div class="layer_sec layer_sec2">'+
  //        '<ul class="laySec2List">'+
  //          '<li><span>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</span>'+datas.Dept+'</li>'+
  //          '<li><span>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</span>'+datas.Major+'</li>'+
  //          '<li><span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>2018级</li>'+
  //          '<li><span>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>'+datas.Class+'</li>'+
  //          '<li><span>考 生 号</span>2154354823</li>'+
  //          '<li><span>通知书号</span>245135795463</li>'+
  //          '<li><span>民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</span>汉族</li>'+
  //          '<li><span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>女</li>'+
  //          '<li><span>政治面貌</span>党员</li>'+
  //          '<li><span>籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯</span>山西省太原市小店区</li>'+
  //          '<li style="width:100%"><span>通讯地址</span>山西省太原市小店区南中环街北张小区C7楼1201室</li>'+
  //          '<li><span>户口所在地</span>计算机系</li>'+
  //          '<li><span>邮政编码</span>软件开发</li>'+
  //          '<li><span>档案所在地</span>2018级</li>'+
  //          '<li><span>家庭出身</span>06班</li>'+
  //          '<li><span>父亲姓名</span>2154354823</li>'+
  //          '<li><span>父亲电话</span>女</li>'+
  //          '<li><span>母亲姓名</span>汉族</li>'+
  //          '<li><span>母亲电话</span>党员</li>'+
  //          '<li><span>港澳台侨</span>245135795463</li>'+
  //          '<li><span>本 专 科</span>山西省太原市小店区</li>'+
  //          '<li><span>入学年月</span>245135795463</li>'+
  //          '<li><span>报道日期</span>山西省太原市小店区</li>'+
  //        '</ul>'+
  //        '<div class="laySec2Btn">'+
  //          '<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>'+
  //          '<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>'+
  //          '<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>'+
  //        '</div>'+
  //      '</div>'+
  //      '<div class="layer_sec layer_sec2 layer_sec4">'+
  //        '<ul class="laySec2List">'+
  //          '<li><span>创  建 人 </span>'+datas.CreateBy+'</li>'+
  //          '<li><span>创建时间 </span>'+datas.CreateTime+'</li>'+
  //          '<li><span>更 新 人</span>'+datas.UpdateBy+' </li>'+
  //          '<li><span>更新时间</span>'+datas.UpdateTime+' </li>'+
  //        '</ul>'+
  //      '</div>'+
  //      '<img class="layerImg" src="/Content/images/floor/room1-2.png" alt="" />'+
  //    '</div>'
  //  })
  //})

          var parentID='@ViewBag.ParentID';
        var vm = new Vue({
            el: "#app",
            data: {
                floors: "",
                sexImgUrl: "/Content/images/floor/inSec1-10.png",
                dormitoryName: "",
                dormitoryID: "",
                unitName: "",
                unitID: "",
                floorName: "",
                floorID: "",
                roomName: "",
                roomID: ""
            },
            methods: {
                getData: function () {
                    $.get('/LogisticsManagement/Accommodation/GetBedList?ParentID=' + parentID, function (ref) {
                        if (ref.data) {
                            this.floors = ref.data.rows;
                            this.dormitoryName = ref.data.dormitoryName;
                            this.dormitoryID = ref.data.dormitoryID;
                            this.unitName = ref.data.unitName;
                            this.unitID = ref.data.unitID;
                            this.floorName = ref.data.floorName;
                            this.floorID = ref.data.floorID;
                            this.roomName = ref.data.roomName;
                            this.roomID = ref.data.roomID;
                        }

                    }.bind(this), "json");

                },
                laterGetData: function () {
                    setTimeout(function () {
                        this.getData();
                    }.bind(this), 1000);
                },
                filter_Dept: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
                        key: value,
                        keyId: 'deptno',
                        callback: function (_data) {
                            result = _data.deptname;
                        }
                    });
                    return result;
                },
                filter_Major: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
                        key: value,
                        keyId: 'id',
                        callback: function (_data) {
                            result = _data.majorname;

                        }
                    });
                    return result;

                },
                filter_class: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'bjsj',
                        key: value,
                        keyId: 'classno',
                        callback: function (_data) {
                            result = _data['classname'];
                        }
                    });
                    return result;

                },
                filter_BCdNationality: function (value) {

                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdNationality',
                        key: value,
                        keyId: 'nationalityno',
                        callback: function (_data) {
                            result = _data['nationality'];
                        }
                    });
                    return result;
                },
                filter_BCdPartyFace: function (value) {

                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdPartyFace',
                        key: value,
                        keyId: 'partyfaceno',
                        callback: function (_data) {
                            result = _data['partyface'];
                        }
                    });
                    return result;
                },
                filter_BCdFamilyOrigin: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdFamilyOrigin',
                        key: value,
                        keyId: 'familyoriginno',
                        callback: function (_data) {
                            result = _data['familyorigin'];
                        }
                    });
                    return result;
                },
                filter_Province: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
                        key: value,
                        keyId: 'pcode',
                        callback: function (_data) {
                            result = _data['pname'];
                        }
                    });
                    return result;
                },

                filter_City: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
                        key: value,
                        keyId: 'ccode',
                        callback: function (_data) {
                            result = _data['cname'];
                        }
                    });
                    return result;
                },

                filter_Area: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
                        key: value,
                        keyId: 'acode',
                        callback: function (_data) {
                            result = _data['aname'];
                        }
                    });
                    return result;
                },
                filter_company: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
                        key: value,
                        keyId: 'f_companyid',
                        callback: function (_data) {
                            result = _data.f_fullname;
                        }
                    });

                    return result;
                },
                filter_BCdOverseasChinese: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        sync: true,
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdOverseasChinese',
                        key: value,
                        keyId: 'overseaschineseno',
                        callback: function (_data) {
                            result = _data.overseaschinesename;
                        }
                    });

                    return result;
                },
                filter_CollegeType: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('dataItem', {
                                key: value,
                                code: 'CollegeType',
                                callback: function (_data) {
                                    result=_data.text;
                                }
                            });

                    return result;
                },
                filter_stuSex: function (value) {
                    return value == true ? "男" : "女";
                },
                filter_sex: function (value) {
                    if (value == "1") {
                        return '<div class="laySec1Sex" style="background:#7070da"><img src="/Content/images/floor/inSec1-10_2.png" alt="" />男生宿舍</div></div>'

                    } else {

                        return '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'
                    }
                },
                allocation: function () {
                    top.learun.layerForm({
                        id: 'form',
                        title: '自动分配宿舍',
                        url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Allocation',
                        width: 400,
                        height: 250,
                        callBack: function (id) {
                            return top[id].acceptClick(refreshGirdData);
                        }
                    });
                },
                addFloor: function () {
                    var url = "";
                    url = top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?ParentID=' + this.roomID + '&ParentName=' + this.roomName;
                    top.learun.layerForm({
                        id: 'form',
                        title: '新增',
                        url: url,
                        width: 600,
                        height: 400,
                        callBack: function (id) {
                            return top[id].acceptClick(this.laterGetData());
                        }.bind(this)
                    });

                },
                update: function (id) {
                    top.learun.layerForm({
                        id: 'form',
                        title: '编辑',
                        url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?keyValue=' + id,
                        width: 600,
                        height: 400,
                        callBack: function (id) {
                            return top[id].acceptClick(this.laterGetData());
                        }.bind(this)
                    });

                },
                deleteFloor: function (floor) {
                    top.learun.layerConfirm('是否确认删除该项！', function (res) {
                        if (res) {
                            this.floors.splice($.inArray(floor, this.floors), 1);
                            top.learun.deleteForm(top.$.rootUrl + '/LogisticsManagement/Accommodation/DeleteForm', { keyValue: floor.dormitory.ID }, function () {
                            });
                        }
                    }.bind(this));
                },
                checkDetail: function (floor) {
                    var echarts1;
                    //圆形图
                    var i = 0;
                    var g = (floor.HasStudentNum / floor.BedNum) * 100 + "%";
                    layer.open({
                        type: 1,
                        closeBtn: 2,
                        area: ['888px', '80%'],
                        content: '<div class="layerBox unitLayer roomLayer">' +
                            '<div class="layer_sec1 layer_sec">' +
                            '<div class="laySec1L">' +
                            '<div class="laySec1ConTitle">' + this.dormitoryName + '&nbsp;&nbsp;' + this.unitName + '&nbsp;&nbsp;' + this.floorName + '&nbsp;&nbsp;' + this.roomName + '</div> ' +
                            '<div class="laySec1ConT">' + floor.dormitory.Name +
                            this.filter_sex(floor.dormitory.Sex) +
                            '</div>' +
                            '<div class="laySec1R">' +
                            '<div class="laySec1RImg"><div><img src="' + top.$.rootUrl + '/LR_OrganizationModule/User/GetImg?userId=' + floor.stuInfo.StuId + '"  alt="" /></div></div>' +
                            '<div class="laySec1RCon">' +
                            '<div class="laySec1Txts"><span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>' + floor.stuInfo.StuNo + '</div>' +
                            '<div class="laySec1Txts"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>'+ floor.stuInfo.StuName +'</div>' +
                            '<div class="laySec1Txts"><span>联系电话</span>'+floor.stuInfo.mobile+'</div>' +
                            '<div class="laySec1Txts"><span>出生日期</span>'+floor.stuInfo.Birthday+'</div>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="layer_sec layer_sec2">' +
                            '<ul class="laySec2List">' +
                            '<li><span>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</span>' + this.filter_Dept(floor.stuInfo.DeptNo) + '</li>' +
                            '<li><span>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</span>' + this.filter_Major(floor.stuInfo.MajorNo) + '</li>' +
                            '<li><span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + floor.stuInfo.Grade + '</li>' +
                            '<li><span>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + this.filter_class(floor.stuInfo.ClassNo) + '</li>' +
                            '<li><span>考 生 号</span>' + floor.stuInfo.ksh + '</li>' +
                            '<li><span>通知书号</span>' + floor.stuInfo.NoticeNo + '</li>' +
                            '<li><span>民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</span>' + this.filter_BCdNationality(floor.stuInfo.NationalityNo) + '</li>' +
                            '<li><span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>' + this.filter_stuSex(floor.stuInfo.GenderNo) + '</li>' +
                            '<li><span>政治面貌</span>' + this.filter_BCdPartyFace(floor.stuInfo.PartyFaceNo) + '</li>' +
                            '<li><span>籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯</span>' + this.filter_Province(floor.stuInfo.F_ProvinceId) + ' ' + this.filter_City(floor.stuInfo.F_CityId) + ' ' + this.filter_Area(floor.stuInfo.F_CountyId) + '</li>' +
                            '<li style="width:100%"><span>通信地址</span>' + floor.stuInfo.MailAddress + '</li>' +
                            '<li><span>户口所在地</span>' + floor.stuInfo.FatherUnit + '</li>' +
                            '<li><span>邮政编码</span>' + floor.stuInfo.PostalCode + '</li>' +
                            '<li><span>档案所在地</span>' + floor.stuInfo.MatherUnit + '</li>' +
                            '<li><span>家庭出身</span>' + this.filter_BCdFamilyOrigin(floor.stuInfo.FamilyOriginNo) + '</li>' +
                            '<li><span>父亲姓名</span>' + floor.stuInfo.FatherName + '</li>' +
                            '<li><span>父亲电话</span>' + floor.stuInfo.FatherPhone + '</li>' +
                            '<li><span>母亲姓名</span>' + floor.stuInfo.MatherName + '</li>' +
                            '<li><span>母亲电话</span>' + floor.stuInfo.MatherPhone + '</li>' +
                            '<li><span>港澳台侨</span>' + this.filter_BCdOverseasChinese(floor.stuInfo.OverseasChineseNo) + '</li>' +
                            '<li><span>本 专 科</span>' + this.filter_CollegeType(floor.stuInfo.GraduateNo) + '</li>' +
                            '<li><span>入学年月</span>' + floor.stuInfo.EntranceDate + '</li>' +
                            '<li><span>报道日期</span>' + floor.stuInfo.RegisterDate + '</li>' +
                            '</ul>' +
                            '<div class="laySec2Btn">' +
                            //'<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +
                            //'<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +
                            //'<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +
                            '</div>' +
                            '</div>' +
                            '<div class="layer_sec layer_sec2 layer_sec4">' +
                            '<ul class="laySec2List">' +
                            '<li><span>创  建 人 </span>' + floor.dormitory.CreateBy + '</li>' +
                            '<li><span>创建时间 </span>' + floor.dormitory.CreateTime + '</li>' +
                            '<li><span>更 新 人</span>' + floor.dormitory.UpdateBy + ' </li>' +
                            '<li><span>更新时间</span>' + floor.dormitory.UpdateTime + ' </li>' +
                            '</ul>' +
                            '</div>' +
                            '<img class="layerImg" src="/Content/images/floor/room1-2.png" alt="" />' +
                            '</div>'

                    })


                }

            },
            created() {
                this.getData();
            },
            filters: {
                filter_sex: function (value) {

                    return value == "1" ? "男生宿舍" : "女生宿舍";
                },
                filter_sexImg: function (value) {
                    return value == "1" ? "/Content/images/floor/inSec1-10_2.png" : "/Content/images/floor/inSec1-10.png"
                },
                filter_style: function (value) {
                    return value == "1" ? { background: '#7070da' } : {};
                },
                filter_url: function (value) {
                    return "/LogisticsManagement/Accommodation/Dormitory?ID=" + value;
                },
                filter_Dept: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
                        key: value,
                        keyId: 'deptno',
                        callback: function (_data) {
                            result = _data.deptname;
                        }.bind(this)
                    });
                    return result;
                },
                filter_Major: function (value) {
                    var result;
                    top.learun.clientdata.getAsync('custmerData', {
                        url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
                        key: value,
                        keyId: 'id',
                        callback: function (_data) {
                            result = _data.majorname;

                        }.bind(this)
                    });
                    return result;

                },

            }

        })


    </script>
</body>