zhaozhiqiang
/
YH_Web_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/inits.css" />
    <link rel="stylesheet" type="text/css" href="../css/EquipmentMessage.css" />
    <title>设备信息</title>
</head>

<body>
    <div class="mui-content">
        <!--基本信息-->
        <div class="evaluate-center">

            <h5 class='mui-h5 Servelist'>
                <span style="font-size: 16px;">基础信息</span>
            </h5>
            <div class="ServeContent">
                <div class="Workdeail">
                    <ul class="mui-table-view ">
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">设备名称：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_name"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3">
                                    <label class="label">设备编码：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_number"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">系统名称：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_systemname"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">项目名称：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_proname"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">项目类型：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_protype"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">所在地址：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_location"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">楼层信息：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_buildFloor"></span>
                                </div>
                            </div>
                        </li>


                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3">
                                    <label class="label">设备图片：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9">
                                    <div class="image-list">
                                        <ul class="Equipment_image fl_"></ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">购买合同：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9">
                                    <div class="image-list">
                                        <ul class="Purchase_order fl_"></ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">维保合同：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9">
                                    <div class="image-list">
                                        <ul class="Maintenance_order fl_"></ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">安装地址：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Install_place"></span>
                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">使用期限：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf" style="text-align: center;">
                                    <span class="ND_deail" id="Use_startDate"></span>
                                </div>
                            </div>
                        </li>
                        <!--<li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">使用结束日期：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Use_endDate"></span>
                                </div>
                            </div>
                        </li>-->
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">质保期限：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf" style="text-align: center;">
                                    <span class="ND_deail" id="quality_startdate"></span>
                                </div>
                            </div>
                        </li>
                        <!--<li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">质保结束日期：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="quality_enddate"></span>
                                </div>
                            </div>
                        </li>-->
                        <li class="mui-table-view-cell">
                            <div class="mui-table">
                                <div class="mui-table-cell mui-col-xs-3 ">
                                    <label class="label">规格型号：</label>
                                </div>
                                <div class="mui-table-cell mui-col-xs-9 Mf">
                                    <span class="ND_deail" id="Equipment_model"></span>
                                </div>
                            </div>
                        </li>
                        <div id="extensionlist"></div>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script src="../layui/layui.js?1.1"></script>
    <script src="../js/zepto.js?1.1"></script>
    <script src="../js/jquery.min.js?1.1"></script>
    <script src="../js/mui.min.js?1.1"></script>
    <script src="../js/mui.zoom.js?1.1"></script>
    <script src="../js/mui.previewimage.js?1.1"></script>
    <script src="../Script/Common/huayi.config.js?1.1"></script>
    <script src="../Script/Common/huayi.http.js?1.1"></script>
    <script>
      
      	  mui.previewImage();
        var id = helper.request.queryString('id');
        $.ajax({
            type: "get",
            url: huayi.config.callcenter_url + 'equipmentapi/api/Equipment/getdetails',
            async: true,
            dataType: 'json',
            data: { id: id },
            success: function (result) {
                if (result.state == "success") {
                    //							var data = result.data.model;
                    if(result.data!=null && result.data.length>0){
                    	 $("#Equipment_name").text(result.data.equipment_name);
	                    $("#Equipment_systemname").text(result.data.systemname);
	                    $("#Equipment_proname").text(result.data.projectname);//项目名称
	                    $("#Equipment_protype").text(result.data.protypename);//项目类型
	                    $("#Equipment_number").text(result.data.equipment_number);//设备编码
	                    $("#Equipment_model").text(result.data.equipment_model);//规格型号
	                    $("#Equipment_location").text(result.data.provincename + (result.data.cityname == null ? '' : result.data.cityname) + (result.data.projectname == null ? '' : result.data.projectname));//规格型号
	                    $("#Equipment_buildFloor").text(result.data.bulidingname + (result.data.floorname == null ? '' : result.data.floorname));//规格型号
	                    $("#Install_place").text(result.data.install_place);//安装地址
	                    $("#Use_startDate").text((result.data.use_startdate=null ? '' : result.data.use_startdate ) + "-" + (result.data.use_enddate=null ? '' : result.data.use_enddate));//使用开始时间
	                    $('#quality_startdate').text((result.data.quality_startdate= null ? '' : result.data.quality_startdate) + "-" + (result.data.quality_enddate= null ? '' : result.data.quality_startdate)); //质保开始时间
	                   //图片
	                    var equipment_image = result.data.equipment_image;
	                    if (equipment_image) {
	                        $(equipment_image).each(function (i, n) {
	                            $('<li>' +
	                                '<div class="item_img">' +
	                                '<img class="image-item" alt="" data-preview-group="1" data-preview-src="" src="' + n.fileurl + '" alt="" />' +
	                                '</div>' +
	                                '</li>').appendTo('.Equipment_image');
	                        })
	                    }
	                    var maintenance_order = result.data.maintenance_order;
	                    if (maintenance_order) {
	                        $(maintenance_order).each(function (i, n) {
	                            $('<li>' +
	                                '<div class="item_img">' +
	                                '<img class="image-item" alt="" data-preview-group="1" data-preview-src="" src="' + n.fileurl + '" alt="" />' +
	                                '</div>' +
	                                '</li>').appendTo('.Maintenance_order');
	                        })
	                    }
	                    var purchase_order = result.data.purchase_order;
	                    if (purchase_order) {
	                        $(purchase_order).each(function (i, n) {
	                            $('<li>' +
	                                '<div class="item_img">' +
	                                '<img class="image-item" alt="" data-preview-group="1" data-preview-src="" src="' + n.fileurl + '" alt="" />' +
	                                '</div>' +
	                                '</li>').appendTo('.Purchase_order');
	                        })
	                    }
	
	                    //自定义字段
	                    var extensionlist = result.data.extensionlist;
	                    if (extensionlist && extensionlist.length > 0) {
	                        for (var j = 0; j < extensionlist.length; j++) {
	                            $('<li class="mui-table-view-cell">' +
	                                '<div class="mui-table">' +
	                                '<div class="mui-table-cell mui-col-xs-3 ">' +
	                                '<label class="label">' + extensionlist[j].name + '：</label>' +
	                                '</div>' +
	                                '<div class="mui-table-cell mui-col-xs-9 Mf">' +
	                                '<span class="ND_deail">' + extensionlist[j].value + '</span>' +
	                                '</div>' +
	                                '</div>' +
	                                '</li>').appendTo($('#extensionlist'));
	                        }
	                    }

                    }else{
                    		mui.alert('抱歉，您没有权限！');
                    }
                  
               
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown ){
            	mui.alert(textStatus);
            },
        });
   
    	
   </script>
</body>

</html>