<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>精准导购系统企业号应用</title>
    <link rel="stylesheet" href="/static/css/wechat/weui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/wechat/iconfont/iconfont.css"/>
    <link rel="stylesheet" href="/static/css/wechat/style.css">
</head>

<body ontouchstart>
<header>
    <div class="header">
        <a href="javascript:history.go(-1);" class="btn-a-back"><i class="iconfont">&#xe61f;</i></a>
        <h2 th:text="${project.projectName}">项目名</h2>
    </div>
</header>
<div class="weui-cells__title">其他信息</div>
<div class="weui-cells weui-cells_form">
    <div class="weui-cell a-i-t">
        <div class="weui-cell__hd"><label class="weui-label">房源状况</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.source}"></p>
        </div>
    </div>
    <div class="weui-cell a-i-t">
        <div class="weui-cell__hd"><label class="weui-label">即时销售信息</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.jitInfo}"></p>
        </div>
    </div>
    <div class="weui-cell a-i-t">
        <div class="weui-cell__hd"><label class="weui-label">佣金标准</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.hireMoney}"></p>
        </div>
    </div>
    <div class="weui-cell a-i-t">
        <div class="weui-cell__hd"><label class="weui-label">项目图片</label></div>
        <div class="weui-cell__bd">
            <ul class="weui-uploader__files" id="uploaderFiles">
                <li class="weui-uploader__file" th:each="image,index:${images}"
                    th:style="'background-image:url(' + ${image.remotePath} + ');'"
                    th:onclick="@{'showImage(\''+${image.remotePath}+'\')'}"></li>
            </ul>
        </div>
    </div>
</div>
<div class="weui-cells__title">基本信息</div>
<div class="weui-cells weui-cells_form">
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">合同号</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.contractCode}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">项目名称</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.projectName}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">项目状态</label></div>
        <div class="weui-cell__bd" th:switch="${project.status}">
            <p th:case="1">默认</p>
            <p th:case="2">执行中</p>
            <p th:case="3">办结</p>
            <p th:case="4">合同周期结束</p>
            <p th:case="5">终止</p>
            <p th:case="6">立项审核中</p>
            <p th:case="7">删除</p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">项目编号</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.projectCode}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">关联楼盘</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.buildingId}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">关联楼盘名称</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.buildingName}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">项目经理</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.manager}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">物业类型</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.type}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">开发企业</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.kfs}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">业务类型</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.business}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">项目地址</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.address}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">开盘时间</label></div>
        <div class="weui-cell__bd">
            <p th:text="${#dates.format(project.startTime.time, 'yyyy年MM月dd日')}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">创建人用户名</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.createUsername}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">创建时间</label></div>
        <div class="weui-cell__bd">
            <p th:text="${#dates.format(project.createTime.time, 'yyyy-MM-dd HH:mm:ss')}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">最后修改人</label></div>
        <div class="weui-cell__bd">
            <p th:text="${project.updateUsername}"></p>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">最后修改时间</label></div>
        <div class="weui-cell__bd">
            <p th:text="${#dates.format(project.updateTime.time, 'yyyy-MM-dd HH:mm:ss')}"></p>
        </div>
    </div>
</div>
<div class="weui-gallery" style="display: none;">
    <span class="weui-gallery__img"
          style="background-image: url(http://ww2.sinaimg.cn/mw690/bfdcef89jw1f2lmtdfiyxj208c03cglx.jpg);"></span>
    <div class="weui-gallery__opr">
        <a href="javascript:closeImage()" class="weui-gallery__close">
            <i class="weui-icon-cancel weui-icon_gallery-close" style="color: #fff;"></i>
        </a>
    </div>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/statistics.js"></script>
<script>
    function showImage(imgUrl) {
        $(".weui-gallery__img").css("background-image", "url(" + imgUrl + ")");
        $(".weui-gallery").show();
    }

    function closeImage() {
        $(".weui-gallery").hide();
    }
</script>
</html>
