|
-
- @{
- ViewBag.Title = "Unit";
- 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/bg2.jpg');
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Content/images/floor/bg2.jpg', sizingMethod='scale');
- overflow: auto;
- }
-
- .layerImg {
- top: 0px;
- left: 0px;
- width: 225px
- }
- </style>
- </head>
- <body>
- <!-- / warpper -->
- <div id="app" class="index_warpper unit_warpper">
-
- <!-- / index_sec1 -->
- <div class="index_sec index_sec1">
- <div class="index_box">
- <div class="indSec1T">
- @*山西省小店区高新校区*@ <a href="/LogisticsManagement/Accommodation/Floor">{{dormitoryName}}</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 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>{{floor.floorNum}}</span>层 <span>{{floor.RoomNum}}</span>间 <span>{{floor.BedNum}}</span>床
- </div>
- <div class="inSec1ConTxt">
- 入住 <span>{{floor.HasStudentNum}}</span>人 空闲<span>{{floor.NoStudentNum}}</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">
- <a :href="floor.dormitory.ID | filter_url"><img src="/Content/images/floor/unit1-1.png" alt="" /></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- / index_sec1 -->
-
- </div>
- <!-- / warpper -->
-
-
- <script>
- //var data = {
- // "rows": [
- // {
- // "ID": "289fb13a-8e91-4c5d-bd6b-7b7de344dc17",
- // "Name": "1单元",
- // "Functionary": '负责人',
- // "Leader": '舍长',
- // "BuildType": "宿舍楼-类型",
- // "CreateBy": '创建人',
- // "CreateTime": '创建时间',
- // "UpdateBy": '更新人',
- // "UpdateTime": '更新时间',
- // "Price": '价格',
- // "Remark": '备注说明',
- // "Phone": '负责人电话',
- // "Address": '地址',
- // "Campus": '校区',
- // "Dept": '系',
- // "Major": '专业',
- // "Class": '班级',
- // "Sex": "0",//性别
- // "StudentID": '学生id',
- // "ParentID": "父ID",
- // "StuName": 'null'
- // },
- // {
- // "ID": "289fb13a-8e91-4c5d-bd6b-7b7de344dc17",
- // "Name": "22单元",
- // "Functionary": '张丽梅',
- // "Leader": '舍长',
- // "BuildType": "宿舍楼-类型",
- // "CreateBy": '薛礼根',
- // "CreateTime": '2019-05-14',
- // "UpdateBy": '薛礼根',
- // "UpdateTime": '2019-05-14',
- // "Price": '800~1200',
- // "Remark": '备注说明',
- // "Phone": '15735806069',
- // "Address": '山西省小店区南中环街高新区23号',
- // "Campus": '山西省小店区高新校区',
- // "Dept": '数学系',
- // "Major": '数学与应用数学',
- // "Class": '班级',
- // "Sex": "0",//性别
- // "StudentID": '学生id',
- // "ParentID": "父ID",
- // "StuName": 'null'
- // }
- // ],
- // "total": 1,
- // "page": 1,
- // "records": 10
- //}
-
- //var html = '';
- //$.each(data.rows, function (i, n) {
- // var floor = floorName(n.Name, 2);
- // html += '<div class="inSec1Col3">' +
- // '<div class="inSec1Box">' +
- // '<div class="inSec1Top">' +
- // '<span><span>' + floor + '</span> 单元</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 class="inSec1Con2">' +
- // '<div class="inSec1ConT"><span>' + floor + '</span>单元 <div class="inSec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>' +
- // '<div class="inSec1ConTxt">' +
- // '<span>6</span>层 <span>120</span>间 <span>480</span>床' +
- // '</div>' +
- // '<div class="inSec1ConTxt">' +
- // '入住 <span>1210</span>人 空闲<span>1920</span>床位' +
- // '</div>' +
- // '<div class="inSec1Btn" index="' + i + '">查看更多信息 <i class="fa fa-angle-right"></i></div>' +
- // '</div>' +
- // '</div>' +
- // '</li>' +
- // '<li><a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>' +
- // '<li><a href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>' +
- // '</ul>' +
- // '<div class="clear"></div>' +
- // '</div>' +
- // '<div class="inSec1Img">' +
- // '<a href="corridor"><img src="/Content/images/floor/unit1-1.png" alt="" /></a>' +
- // '</div></div></div>';
- //})
-
- //$('.inSec1Row').html(html).on('click', '.inSec1Btn', function () {
- // var ind = $(this).attr('index');
- // var datas = data.rows[ind];
- // var floor = floorName(datas.Name, 2);
- // layer.open({
- // type: 1,
- // closeBtn: 2,
- // area: ['888px', '80%'],
- // content: '<div class="layerBox unitLayer">' +
- // '<div class="layer_sec1 layer_sec">' +
- // '<div class="laySec1L">' +
- // '<div class="laySec1ConTitle"><span>1</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><div class="laySec1Txt"><span>负 责 人</span>' + datas.Functionary + '</div> <div class="laySec1Txt"><span>负责人电话</span>' + datas.Phone + '</div></div>' +
- // '<div class="laySec1Txt"><span>校 区</span>' + datas.Campus + '</div>' +
- // '<div class="laySec1Txt"><span>地 址</span>' + datas.Address + '</div>' +
- // '</div>' +
- // '</div>' +
- // '<div class="layer_sec layer_sec2">' +
- // '<ul class="laySec2List">' +
- // '<li><span>编 号</span>001</li>' +
- // '<li><span>价 格</span>' + datas.Price + ' <i>元</i></li>' +
- // '<li><span>楼 层</span>6 <i>个</i></li>' +
- // '<li><span>入 住</span>1210 <i>人</i></li>' +
- // '<li><span>房 间</span>480 <i>间</i></li>' +
- // '<li><span>空 床</span>710 <i>床</i></li>' +
- // '<li><span>床 位</span>1920 <i>个</i></li>' +
- // '<li><span>涉及院系</span>' + datas.Dept + '</li>' +
- // '<li><span>涉及专业</span>' + datas.Major + '</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/unit1-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: ""
- },
- methods: {
- getData: function () {
- $.get('/LogisticsManagement/Accommodation/GetUnitList?ParentID=' + parentID, function (ref) {
- if (ref.data) {
- this.floors = ref.data.rows;
- this.dormitoryName = ref.data.DormitoryName;
- this.dormitoryID = ref.data.DormitoryID;
- }
-
- }.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', {
- sync: true,
- url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
- key: value,
- keyId: 'id',
- callback: function (_data) {
- result = _data.majorname;
-
- }
- });
- return result;
-
- },
- filter_company: function (value) {
- var result;
- top.learun.clientdata.getAsync('custmerData', {
- sync: true,
- url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
- key: value,
- keyId: 'f_companyid',
- callback: function (_data) {
- result = _data.f_fullname;
- }
- });
-
- return result;
- },
- 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/FormClassify?ParentID=' + this.dormitoryID;
- 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/FormClassify?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">' +
- '<div class="layer_sec1 layer_sec">' +
- '<div class="laySec1L">' +
- '<div class="laySec1ConT">' + floor.dormitory.Name+
- '<span style="display:none">' + this.filter_sex(floor.dormitory.Sex) + '</span>' +
- '</div>' +
- '<div class="laySec1R">' +
- '<div><div class="laySec1Txt"><span>负 责 人</span>' + floor.dormitory.Functionary + '</div> <div class="laySec1Txt"><span>负责人电话</span>' + floor.dormitory.Phone + '</div></div>' +
- '<div class="laySec1Txt"><span>校 区</span>' + this.filter_company(floor.dormitory.Campus) + '</div>' +
- '<div class="laySec1Txt"><span>地 址</span>' + floor.dormitory.Address + '</div>' +
- '</div>' +
- '</div>' +
- '<div class="layer_sec layer_sec2">' +
- '<ul class="laySec2List">' +
- '<li><span>编 号</span>' + floor.dormitory.DNo + '</li>' +
- '<li><span>价 格</span>' + (floor.dormitory.Price == null ? '' : floor.dormitory.Price) + ' <i>元</i></li>' +
- '<li><span>楼 层</span>' + floor.floorNum + ' <i>层</i></li>' +
- '<li><span>入 住</span>' + floor.HasStudentNum + ' <i>人</i></li>' +
- '<li><span>房 间</span>' + floor.RoomNum + ' <i>间</i></li>' +
- '<li><span>空 床</span>' + floor.NoStudentNum + ' <i>床</i></li>' +
- '<li><span>床 位</span>' + floor.BedNum + ' <i>个</i></li>' +
- //'<li><span>涉及院系</span>' + this.filter_Dept(floor.dormitory.Dept) + '</li>' +
- //'<li><span>涉及专业</span>' + this.filter_Major(floor.dormitory.Major) + '</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/unit1-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/Corridor?ID=" + value;
- }
-
- }
-
- })
-
-
- </script>
- </body>
|