zxhx
/
xiaoben-as2-php


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>盘点示例</title>
    <link href="/css/ims/base.css" rel="stylesheet">
    <link href="/css/ims/ims.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css" />
    <style>
        .top-bar{
		overflow: hidden;
	}
	.top-bar .msg{
		color: red;
		font-size: 14px;
		line-height: 29px;
	}
	.top-bar button{
		float: right;
		padding: 4px 8px;
		font-size: 14px;
		color: #00B261;
		border: 1px solid #00B261;
		border-radius: 5px;
		background-color: #fff;
		cursor: pointer;
		outline: none;
	}
	.img-example{
		border: 1px solid #333;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0 20px 20px 20px;
	}
	.img-example h2{
		font-size: 18px;
		line-height: 1.5em;
	}
	.table-img-example {
		width: 100%;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	.table-img-example td {
                width: 25%;
		padding: 4px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.table-img-example .img-box{
		text-align: center;
		/*width: 24%;*/
	}
	.table-img-example .img-box img{
		max-width: 100%;
	}
	.table-img-example .text-box{
		text-indent:2em!important;
		text-align: left;
	}
	.dialog-img-big{
		display: none;
		padding: 20px;
	}
	.dialog-img-big img{
		width: 100%;
	}
    </style>
</head>

<body>
        <div class="top-bar">
		<span class="msg">上传的图片，用于新建盘点单时作图片参考</span>
		<!--<button type="button" onclick="window.location.href='<?php // echo Yii::app()->createUrl('imsStore/createPlanList')."?planId=".$planId; ?>'">返回</button>-->
                <button type="button" onclick="javascript :history.back(-1);">返回</button>

	</div>
        <?php if(isset($result) && $result):?>
        <div class="img-example">
            <h2>固定资产</h2>
            <?php if(isset($result['fixedList']) && $result['fixedList']):?>
                <table class="table-img-example">
                    <?php foreach($result['fixedList'] as $k=>$v):?>
                        <?php if($k%2 == 0):?>
                            <tr>
                                <td class="img-box">
                                        <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                                </td>
                                <td class="text-box">
                                        <?php echo isset($v["description"])?$v["description"]:"";?>
                                </td>
                            <?php if(!isset($result['fixedList'][$k+1])):?>
                                <td class="img-box"></td>
                                <td class="text-box"></td>
                                </tr>
                            <?php endif;?>
                        <?php else:?>
                            <td class="img-box">
                                    <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                            </td>
                            <td class="text-box">
                                    <?php echo isset($v["description"])?$v["description"]:"";?>
                            </td>
                            </tr>
                        <?php endif;?>
                    <?php endforeach;?>
                </table>
            <?php endif;?>
        </div>
        <div class="img-example">
            <h2>产成品</h2>
            <?php if(isset($result['finishList']) && $result['finishList']):?>
                <table class="table-img-example">
                    <?php foreach($result['finishList'] as $k=>$v):?>
                        <?php if($k%2 == 0):?>
                            <tr>
                                <td class="img-box">
                                        <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                                </td>
                                <td class="text-box">
                                        <?php echo isset($v["description"])?$v["description"]:"";?>
                                </td>
                            <?php if(!isset($result['finishList'][$k+1])):?>
                                <td class="img-box"></td>
                                <td class="text-box"></td>
                                </tr>
                            <?php endif;?>
                        <?php else:?>
                            <td class="img-box">
                                    <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                            </td>
                            <td class="text-box">
                                    <?php echo isset($v["description"])?$v["description"]:"";?>
                            </td>
                            </tr>
                        <?php endif;?>
                    <?php endforeach;?>
                </table>
            <?php endif;?>
        </div>
        <div class="img-example">
            <h2>低值易耗品</h2>
            <?php if(isset($result['lowList']) && $result['lowList']):?>
                <table class="table-img-example">
                    <?php foreach($result['lowList'] as $k=>$v):?>
                        <?php if($k%2 == 0):?>
                            <tr>
                                <td class="img-box">
                                        <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                                </td>
                                <td class="text-box">
                                        <?php echo isset($v["description"])?$v["description"]:"";?>
                                </td>
                            <?php if(!isset($result['lowList'][$k+1])):?>
                                <td class="img-box"></td>
                                <td class="text-box"></td>
                                </tr>
                            <?php endif;?>
                        <?php else:?>
                            <td class="img-box">
                                    <img src="<?php echo isset($v["imgUrl"])?$v["imgUrl"]:"";?>" alt="">
                            </td>
                            <td class="text-box">
                                    <?php echo isset($v["description"])?$v["description"]:"";?>
                            </td>
                            </tr>
                        <?php endif;?>
                    <?php endforeach;?>
                </table>
            <?php endif;?>

            <!-- 图片放大弹窗 -->
            <div class="dialog-img-big">
                    <img src="" alt="" id="imgBig">
            </div>
        </div>
        
        
        <?php endif;?>

<script src="/js/jquery-2.2.2.min.js" ></script>
<script src="/js/jquery.datetimepicker.js"></script>
<script src="/js/layer/layer.js"></script>
<script src="/js/xsgl.js"></script>
<script>
    $(document).ready(function() {
                    //放大图片
                    $(".img-example").on("click",".img-box img", function(){
                            let imgUrl = $(this).attr('src');
                            $('#imgBig').attr('src',imgUrl);
                        layer.open({
                          title: false,
                          closeBtn: 1,
                          type: 1,
                          area: ['800px', '600px'],
              offset: '100px',
                          content: $(".dialog-img-big")
                        });
                      });
    });
</script>
</body>

</html>