bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
354 Commits
28 Branches
2.3 GiB
 
 
 
 
 
 
Tree: 9f5685c497
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9f5685c497'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/LogisticsManagement/Views/Accommodation/Unit.cshtml

443 lines
22 KiB
Raw Blame History 

  1. 

  2. @{

  3.     ViewBag.Title = "Unit";

  4.     Layout = "~/Views/Shared/_Index.cshtml";

  5. }

  6. 

  7. <head>

  8.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  10.     <meta name="renderer" content="webkit">

  11.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  12.     <meta name="format-detection" content="telephone=no" />

  13.     <link rel="shortcut icon" href="" />

  14.     <title>数字化校园-宿舍</title>

  15.     <meta name="keywords" content="数字化校园-宿舍" />

  16.     <meta name="description" content="数字化校园-宿舍" />

  17.     <link href="~/Content/font/css/font-awesome.css" rel="stylesheet" />

  18.     <link href="~/Content/css/swiper.min.css" rel="stylesheet" />

  19.     <link href="~/Content/css/common.css" rel="stylesheet" />

  20.     <link href="~/Content/css/index.css" rel="stylesheet" />

  21.     <!--自适应-->

  22. 

  23.     <script src="~/Content/jquery/plugin/layer/layer.js"></script>

  24.     <script src="~/Content/echarts/echarts.js"></script>

  25.     <script src="~/Content/news/js/easing.js"></script>

  26.     <script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>

  27.     <!--自适应-->

  28. 

  29. 

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

  31. 

  32.     <!--[if lte IE 9]>

  33.        <script src="js/respond.min.js"></script>

  34.        <script src="js/html5shiv.js"></script>

  35.     <![endif]-->

  36.     <style>

  37.         html, body {

  38.             background-image: url('/Content/images/floor/bg2.jpg');

  39.             filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Content/images/floor/bg2.jpg',  sizingMethod='scale');

  40.             overflow: auto;

  41.         }

  42. 

  43.         .layerImg {

  44.             top: 0px;

  45.             left: 0px;

  46.             width: 225px

  47.         }

  48.     </style>

  49. </head>

  50. <body>

  51.     <!--  / warpper  -->

  52.     <div id="app" class="index_warpper unit_warpper">

  53. 

  54.         <!--  / index_sec1  -->

  55.         <div class="index_sec index_sec1">

  56.             <div class="index_box">

  57.                 <div class="indSec1T">

  58.                     @*山西省小店区高新校区*@ <a href="/LogisticsManagement/Accommodation/Floor">{{dormitoryName}}</a>

  59. 

  60.                     <ul class="indSec1List">

  61.                         @*<li><a href="#"><img src="/Content/images/floor/inSec1-5.png" alt="" />多条件查找宿舍楼</a></li>

  62.                             <li><a href="#"><img src="/Content/images/floor/inSec1-6.png" alt="" />自动分配宿舍</a></li>*@

  63.                         <li><a href="#" @@click="addFloor()"><img src="/Content/images/floor/inSec1-7.png" alt="" />添加单元</a></li>

  64.                         @*<li><a href="#"><img src="/Content/images/floor/inSec1-8.png" alt="" />批量删除</a></li>

  65.                             <li><a href="#"><img src="/Content/images/floor/inSec1-9.png" alt="" />打印宿舍数据</a></li>*@

  66.                     </ul>

  67.                 </div>

  68.                 <div class="inSec1Row">

  69.                     <div v-for="floor in floors" class="inSec1Col3">

  70.                         <div class="inSec1Box">

  71.                             <div class="inSec1Top">

  72.                                 <span>{{floor.dormitory.Name}}</span>

  73.                                 <ul class="inSec1TopList">

  74.                                     <li>

  75.                                         <a href="javascript:;"><img src="/Content/images/floor/inSec1-2.png" alt="" /></a>

  76.                                         <div class="inSec1Con inSec1Con1">

  77.                                             <img class="inSec1Horn" src="/Content/images/floor/inSec1-11.png" alt="" />

  78.                                             <div class="inSec1Con2">

  79.                                                 <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>

  80.                                                 <div class="inSec1ConTxt">

  81.                                                     <span>{{floor.floorNum}}</span>层 <span>{{floor.RoomNum}}</span>间 <span>{{floor.BedNum}}</span>床

  82.                                                 </div>

  83.                                                 <div class="inSec1ConTxt">

  84.                                                     入住 <span>{{floor.HasStudentNum}}</span>人 &nbsp;&nbsp;&nbsp;&nbsp; 空闲<span>{{floor.NoStudentNum}}</span>床位

  85.                                                 </div>

  86.                                                 <div @@click="checkDetail(floor)" class="inSec1Btn">查看更多信息  <i class="fa fa-angle-right"></i></div>

  87.                                             </div>

  88.                                         </div>

  89.                                     </li>

  90.                                     <li><a @@click="update(floor.dormitory.ID)" href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>

  91.                                     <li><a @@click="deleteFloor(floor)" href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>

  92.                                 </ul>

  93.                                 <div class="clear"></div>

  94.                             </div>

  95.                             <div class="inSec1Img">

  96.                                 <a :href="floor.dormitory.ID | filter_url"><img src="/Content/images/floor/unit1-1.png" alt="" /></a>

  97.                             </div>

  98.                         </div>

  99.                     </div>

  100.                 </div>

  101.             </div>

  102.         </div>

  103.         <!--  / index_sec1  -->

  104. 

  105.     </div>

  106.     <!--  / warpper  -->

  107. 

  108. 

  109.     <script>

  110.         //var data = {

  111.         //    "rows": [

  112.         //        {

  113.         //            "ID": "289fb13a-8e91-4c5d-bd6b-7b7de344dc17",

  114.         //            "Name": "1单元",

  115.         //            "Functionary": '负责人',

  116.         //            "Leader": '舍长',

  117.         //            "BuildType": "宿舍楼-类型",

  118.         //            "CreateBy": '创建人',

  119.         //            "CreateTime": '创建时间',

  120.         //            "UpdateBy": '更新人',

  121.         //            "UpdateTime": '更新时间',

  122.         //            "Price": '价格',

  123.         //            "Remark": '备注说明',

  124.         //            "Phone": '负责人电话',

  125.         //            "Address": '地址',

  126.         //            "Campus": '校区',

  127.         //            "Major": '专业',

  128.         //            "Class": '班级',

  129.         //            "Sex": "0",//性别

  130.         //            "StudentID": '学生id',

  131.         //            "ParentID": "父ID",

  132.         //            "StuName": 'null'

  133.         //        },

  134.         //        {

  135.         //            "ID": "289fb13a-8e91-4c5d-bd6b-7b7de344dc17",

  136.         //            "Name": "22单元",

  137.         //            "Functionary": '张丽梅',

  138.         //            "Leader": '舍长',

  139.         //            "BuildType": "宿舍楼-类型",

  140.         //            "CreateBy": '薛礼根',

  141.         //            "CreateTime": '2019-05-14',

  142.         //            "UpdateBy": '薛礼根',

  143.         //            "UpdateTime": '2019-05-14',

  144.         //            "Price": '800~1200',

  145.         //            "Remark": '备注说明',

  146.         //            "Phone": '15735806069',

  147.         //            "Address": '山西省小店区南中环街高新区23号',

  148.         //            "Campus": '山西省小店区高新校区',

  149.         //            "Major": '数学与应用数学',

  150.         //            "Class": '班级',

  151.         //            "Sex": "0",//性别

  152.         //            "StudentID": '学生id',

  153.         //            "ParentID": "父ID",

  154.         //            "StuName": 'null'

  155.         //        }

  156.         //    ],

  157.         //    "total": 1,

  158.         //    "page": 1,

  159.         //    "records": 10

  160.         //}

  161. 

  162.         //var html = '';

  163.         //$.each(data.rows, function (i, n) {

  164.         //    var floor = floorName(n.Name, 2);

  165.         //    html += '<div class="inSec1Col3">' +

  166.         //        '<div class="inSec1Box">' +

  167.         //        '<div class="inSec1Top">' +

  168.         //        '<span><span>' + floor + '</span> 单元</span>' +

  169.         //        '<ul class="inSec1TopList">' +

  170.         //        '<li>' +

  171.         //        '<a href="javascript:;"><img src="/Content/images/floor/inSec1-2.png" alt="" /></a>' +

  172.         //        '<div class="inSec1Con inSec1Con1">' +

  173.         //        '<img class="inSec1Horn" src="/Content/images/floor/inSec1-11.png" alt="" />' +

  174.         //        '<div class="inSec1Con2">' +

  175.         //        '<div class="inSec1ConT"><span>' + floor + '</span>单元  <div class="inSec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>' +

  176.         //        '<div class="inSec1ConTxt">' +

  177.         //        '<span>6</span>层 <span>120</span>间 <span>480</span>床' +

  178.         //        '</div>' +

  179.         //        '<div class="inSec1ConTxt">' +

  180.         //        '入住 <span>1210</span>人 &nbsp;&nbsp;&nbsp;&nbsp; 空闲<span>1920</span>床位' +

  181.         //        '</div>' +

  182.         //        '<div class="inSec1Btn" index="' + i + '">查看更多信息  <i class="fa fa-angle-right"></i></div>' +

  183.         //        '</div>' +

  184.         //        '</div>' +

  185.         //        '</li>' +

  186.         //        '<li><a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>' +

  187.         //        '<li><a href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>' +

  188.         //        '</ul>' +

  189.         //        '<div class="clear"></div>' +

  190.         //        '</div>' +

  191.         //        '<div class="inSec1Img">' +

  192.         //        '<a href="corridor"><img src="/Content/images/floor/unit1-1.png" alt="" /></a>' +

  193.         //        '</div></div></div>';

  194.         //})

  195. 

  196.         //$('.inSec1Row').html(html).on('click', '.inSec1Btn', function () {

  197.         //    var ind = $(this).attr('index');

  198.         //    var datas = data.rows[ind];

  199.         //    var floor = floorName(datas.Name, 2);

  200.         //    layer.open({

  201.         //        type: 1,

  202.         //        closeBtn: 2,

  203.         //        area: ['888px', '80%'],

  204.         //        content: '<div class="layerBox unitLayer">' +

  205.         //            '<div class="layer_sec1 layer_sec">' +

  206.         //            '<div class="laySec1L">' +

  207.         //            '<div class="laySec1ConTitle"><span>1</span>号楼</div>' +

  208.         //            '<div class="laySec1ConT"><span>' + floor + '</span>单元' +

  209.         //            '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>' +

  210.         //            '</div>' +

  211.         //            '<div class="laySec1R">' +

  212.         //            '<div><div class="laySec1Txt"><span>负&nbsp;责&nbsp;人</span>' + datas.Functionary + '</div>  <div class="laySec1Txt"><span>负责人电话</span>' + datas.Phone + '</div></div>' +

  213.         //            '<div class="laySec1Txt"><span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</span>' + datas.Campus + '</div>' +

  214.         //            '<div class="laySec1Txt"><span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</span>' + datas.Address + '</div>' +

  215.         //            '</div>' +

  216.         //            '</div>' +

  217.         //            '<div class="layer_sec layer_sec2">' +

  218.         //            '<ul class="laySec2List">' +

  219.         //            '<li><span>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>001</li>' +

  220.         //            '<li><span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>' + datas.Price + ' <i>元</i></li>' +

  221.         //            '<li><span>楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;层</span>6 <i>个</i></li>' +

  222.         //            '<li><span>入&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;住</span>1210 <i>人</i></li>' +

  223.         //            '<li><span>房&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</span>480 <i>间</i></li>' +

  224.         //            '<li><span>空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;床</span>710 <i>床</i></li>' +

  225.         //            '<li><span>床&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</span>1920 <i>个</i></li>' +

  226.         //            '<li><span>涉及院系</span></li>' +

  227.         //            '<li><span>涉及专业</span>' + datas.Major + '</li>' +

  228.         //            '</ul>' +

  229.         //            '<div class="laySec2Btn">' +

  230.         //            '<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +

  231.         //            '<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +

  232.         //            '<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +

  233.         //            '</div>' +

  234.         //            '</div>' +

  235.         //            '<div class="layer_sec layer_sec2 layer_sec4">' +

  236.         //            '<ul class="laySec2List">' +

  237.         //            '<li><span>创  建 人 </span>' + datas.CreateBy + '</li>' +

  238.         //            '<li><span>创建时间 </span>' + datas.CreateTime + '</li>' +

  239.         //            '<li><span>更 新 人</span>' + datas.UpdateBy + ' </li>' +

  240.         //            '<li><span>更新时间</span>' + datas.UpdateTime + ' </li>' +

  241.         //            '</ul>' +

  242.         //            '</div>' +

  243.         //            '<img class="layerImg" src="/Content/images/floor/unit1-2.png" alt="" />' +

  244.         //            '</div>'

  245.         //    })

  246.         //})

  247. 

  248. 

  249.         var parentID='@ViewBag.ParentID';

  250.         var vm = new Vue({

  251.             el: "#app",

  252.             data: {

  253.                 floors: "",

  254.                 sexImgUrl: "/Content/images/floor/inSec1-10.png",

  255.                 dormitoryName: "",

  256.                 dormitoryID:""

  257.             },

  258.             methods: {

  259.                 getData: function () {

  260.                     $.get('/LogisticsManagement/Accommodation/GetUnitList?ParentID=' + parentID, function (ref) {

  261.                         if (ref.data) {

  262.                             this.floors = ref.data.rows;

  263.                             this.dormitoryName = ref.data.DormitoryName;

  264.                             this.dormitoryID = ref.data.DormitoryID;

  265.                         }

  266. 

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

  268. 

  269.                 },

  270.                 laterGetData: function () {

  271.                     setTimeout(function () {

  272.                         this.getData();

  273.                     }.bind(this), 1000);

  274.                 },

  275.                 filter_Major: function (value) {

  276.                     var result;

  277.                     top.learun.clientdata.getAsync('custmerData', {

  278.                         sync: true,

  279.                         url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',

  280.                         key: value,

  281.                         keyId: 'id',

  282.                         callback: function (_data) {

  283.                             result = _data.majorname;

  284. 

  285.                         }

  286.                     });

  287.                     return result;

  288. 

  289.                 },

  290.                 filter_company: function (value) {

  291.                     var result;

  292.                     top.learun.clientdata.getAsync('custmerData', {

  293.                         sync: true,

  294.                         url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',

  295.                         key: value,

  296.                         keyId: 'f_companyid',

  297.                         callback: function (_data) {

  298.                             result = _data.f_fullname;

  299.                         }

  300.                     });

  301. 

  302.                     return result;

  303.                 },

  304.                 filter_sex: function (value) {

  305.                     if (value == "1") {

  306.                         return '<div class="laySec1Sex" style="background:#7070da"><img src="/Content/images/floor/inSec1-10_2.png" alt="" />男生宿舍</div></div>'

  307. 

  308.                     } else {

  309. 

  310.                         return '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'

  311.                     }

  312.                 },

  313.                 allocation: function () {

  314.                     top.learun.layerForm({

  315.                         id: 'form',

  316.                         title: '自动分配宿舍',

  317.                         url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Allocation',

  318.                         width: 400,

  319.                         height: 250,

  320.                         callBack: function (id) {

  321.                             return top[id].acceptClick(refreshGirdData);

  322.                         }

  323.                     });

  324.                 },

  325.                 addFloor: function () {

  326.                     var url = "";

  327.                     url = top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?ParentID=' + this.dormitoryID + '&ParentName=' + this.dormitoryName;

  328.                     top.learun.layerForm({

  329.                         id: 'form',

  330.                         title: '新增',

  331.                         url: url,

  332.                         width: 600,

  333.                         height: 400,

  334.                         callBack: function (id) {

  335.                             return top[id].acceptClick(this.laterGetData());

  336.                         }.bind(this)

  337.                     });

  338. 

  339.                 },

  340.                 update: function (id) {

  341.                     top.learun.layerForm({

  342.                         id: 'form',

  343.                         title: '编辑',

  344.                         url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?keyValue=' + id,

  345.                         width: 600,

  346.                         height: 400,

  347.                         callBack: function (id) {

  348.                             return top[id].acceptClick(this.laterGetData());

  349.                         }.bind(this)

  350.                     });

  351. 

  352.                 },

  353.                 deleteFloor: function (floor) {

  354.                     top.learun.layerConfirm('是否确认删除该项！', function (res) {

  355.                         if (res) {

  356.                             this.floors.splice($.inArray(floor, this.floors), 1);

  357.                             top.learun.deleteForm(top.$.rootUrl + '/LogisticsManagement/Accommodation/DeleteForm', { keyValue: floor.dormitory.ID }, function () {

  358.                             });

  359.                         }

  360.                     }.bind(this));

  361.                 },

  362.                 checkDetail: function (floor) {

  363.                     var echarts1;

  364.                     //圆形图

  365.                     var i = 0;

  366.                     var g = (floor.HasStudentNum / floor.BedNum) * 100 + "%";

  367.                     layer.open({

  368.                         type: 1,

  369.                         closeBtn: 2,

  370.                         area: ['888px', '80%'],

  371.                        content: '<div class="layerBox unitLayer">' +

  372.                             '<div class="layer_sec1 layer_sec">' +

  373.                             '<div class="laySec1L">' +

  374.                             '<div class="laySec1ConT">' + floor.dormitory.Name + this.filter_sex(floor.dormitory.Sex) +

  375.                             '</div>' +

  376.                             '<div class="laySec1R">' +

  377.                             '<div><div class="laySec1Txt"><span>负&nbsp;责&nbsp;人</span>' + floor.dormitory.Functionary + '</div>  <div class="laySec1Txt"><span>负责人电话</span>' + floor.dormitory.Phone + '</div></div>' +

  378.                             '<div class="laySec1Txt"><span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</span>' + this.filter_company(floor.dormitory.Campus) + '</div>' +

  379.                             '<div class="laySec1Txt"><span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</span>' + floor.dormitory.Address + '</div>' +

  380.                             '</div>' +

  381.                             '</div>' +

  382.                             '<div class="layer_sec layer_sec2">' +

  383.                            '<ul class="laySec2List">' +

  384.                            '<li><span>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>' + floor.dormitory.Name + '</li>' +

  385.                             '<li><span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>' + floor.dormitory.Price + ' <i>元</i></li>' +

  386.                             '<li><span>楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;层</span>' + floor.floorNum + ' <i>层</i></li>' +

  387.                             '<li><span>入&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;住</span>' + floor.HasStudentNum + ' <i>人</i></li>' +

  388.                             '<li><span>房&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</span>' + floor.RoomNum + ' <i>间</i></li>' +

  389.                            '<li><span>空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;床</span>' + floor.NoStudentNum + ' <i>床</i></li>' +

  390.                            '<li><span>床&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</span>' + floor.BedNum + ' <i>个</i></li>' +

  391.                             '<li><span>涉及院系</span></li>' +

  392.                             '<li><span>涉及专业</span>' + this.filter_Major(floor.dormitory.Major) + '</li>' +

  393.                             '</ul>' +

  394.                             '<div class="laySec2Btn">' +

  395.                             //'<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +

  396.                             //'<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +

  397.                             //'<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +

  398.                             '</div>' +

  399.                             '</div>' +

  400.                             '<div class="layer_sec layer_sec2 layer_sec4">' +

  401.                             '<ul class="laySec2List">' +

  402.                             '<li><span>创  建 人 </span>' + floor.dormitory.CreateBy + '</li>' +

  403.                             '<li><span>创建时间 </span>' + floor.dormitory.CreateTime + '</li>' +

  404.                             '<li><span>更 新 人</span>' + floor.dormitory.UpdateBy + ' </li>' +

  405.                             '<li><span>更新时间</span>' + floor.dormitory.UpdateTime + ' </li>' +

  406.                             '</ul>' +

  407.                             '</div>' +

  408.                             '<img class="layerImg" src="/Content/images/floor/unit1-2.png" alt="" />' +

  409.                             '</div>',

  410. 

  411.                     })

  412. 

  413. 

  414.                 }

  415. 

  416.             },

  417.             created() {

  418.                 this.getData();

  419.             },

  420.             filters: {

  421.                 filter_sex: function (value) {

  422. 

  423.                     return value == "1" ? "男生宿舍" : "女生宿舍";

  424.                 },

  425.                 filter_sexImg: function (value) {

  426.                     return value == "1" ? "/Content/images/floor/inSec1-10_2.png" : "/Content/images/floor/inSec1-10.png"

  427.                 },

  428.                 filter_style: function (value) {

  429.                     return value == "1" ? { background: '#7070da' } : {};

  430.                 },

  431.                 filter_url: function (value) {

  432.                     return "/LogisticsManagement/Accommodation/Corridor?ID=" + value;

  433.                 }

  434. 

  435.             }

  436. 

  437.         })

  438. 

  439. 

  440.     </script>

  441. </body>