<!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>
<header>
    <div class="header">
        <a href="javascript:backToUrl()" class="btn-a-back"><i class="iconfont">
            &#xe61f;</i></a>
        <h2>客户评价</h2>
    </div>
</header>
<div class="weui-cells weui-cells_form mt0">
    <div class="weui-cell weui-cell_access"
         onclick="projectSelect($('#projectId').val()||'',$('#projectName').val()||'',$('#seeDate').val()||'',$('#customerName').val()||'',$('#channel').val()||'')">
        <div class="weui-cell__hd"><label for="" class="weui-label">项目名称：</label></div>
        <div class="weui-cell__bd" th:text="${projectName}"></div>
        <input id="projectId" type="hidden" th:value="${projectId}"/>
        <input id="projectName" type="hidden" th:value="${projectName}"/>
        <input id="requestUrl" type="hidden" th:value="${requestUrl}"/>
        <input id="userId" type="hidden" th:value="${user.id}"/>
        <input id="userName" type="hidden" th:value="${user.realName}"/>
        <input id="channel" type="hidden" th:value="${channel}"/>
        <div class="weui-cell__ft"></div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label for="" class="weui-label">带看日期：</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" id="seeDate" type="date" th:value="${endTime}"/>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd">
            <label for="" class="weui-label">对方称呼:</label>
        </div>
        <div class="weui-cell__bd">
            <input class="weui-input" id="customerName" type="text" th:text="${customerName}"/>
        </div>
    </div>
</div>
<div class="p40">
    <a class="weui-btn weui-btn_blue" href="javascript:shareUrl();">保存带看信息</a>
</div>
<div class="p40" style="display: none;" id="shareUrlButton">
    <div class="weui-cell__bd" id="shareUrl" style="font-size: 13px;">
    </div>
    <button class="weui-btn weui-btn_blue" id="copyUrlButton"
            data-clipboard-action="copy" data-clipboard-target="#shareUrl">
        复制链接
    </button>
</div>
</body>

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/clipboard.min.js"></script>
<script type="text/javascript" src="/static/js/jweixin-1.2.0.js"></script>
<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>-->
<script type="text/javascript" src="/static/js/history.js"></script>
<script>
    function projectSelect(projectId, projectName, seeDate, customerName, channel) {
        var url = "/user/evaluateUserProjectSelect?projectId=" + projectId + "&projectName="
            + projectName + "&seeDate=" + seeDate + "&customerName=" + customerName + "&channel=" + channel;
        goToUrl(url);
    }
    function shareUrl() {
        var projectId = $("#projectId").val();
        if (projectId === "" || projectId === undefined) {
            alert("请选择项目");
            return false;
        }
        var seeDate = $("#seeDate").val();
        if (seeDate === "" || seeDate === undefined) {
            alert("请选择带看时间");
            return false;
        }
        var customerName = $("#customerName").val();
        if (customerName === "" || customerName === undefined) {
            alert("请填写对方称呼");
            return false;
        }
        $.ajax({
            url: "/user/getShareUrl",
            method: "get",
            data: {
                projectId: projectId,
                projectName: $("#projectName").val(),
                seeDate: seeDate,
                customerName: customerName,
                requestUrl: $("#requestUrl").val(),
                userName: $("#userName").val(),
                userId: $("#userId").val(),
                channel: $("#channel").val()
            },
            success: function (data) {
//                alert(data.link);
//                alert(data.imgUrl);
                $("#shareUrl").text(data.link);
                $("#shareUrlButton").show();

                alert("保存带看信息成功");

                var clipboard = new Clipboard('#copyUrlButton');

                clipboard.on('success', function (e) {
                    alert("复制成功");
                });

                clipboard.on('error', function (e) {
                    console.log(e);
                });

//                wx.config({
//                    beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
//                    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
//                    appId: data.appId, // 必填，企业微信的corpID
//                    timestamp: data.timestamp, // 必填，生成签名的时间戳
//                    nonceStr: data.nonceStr, // 必填，生成签名的随机串
//                    signature: data.signature,// 必填，签名，见[附录1](#11974)
//                    jsApiList: ["onMenuShareAppMessage", "onMenuShareWechat","hideAllNonBaseMenuItem"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//                });
//
//                wx.ready(function () {
//                    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//                });
//
//                wx.hideAllNonBaseMenuItem();


//                wx.error(function (res) {
//                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
//                });
//
//                wx.checkJsApi({
//                    jsApiList: ["onMenuShareAppMessage", "onMenuShareWechat"], // 需要检测的JS接口列表，所有JS接口列表见附录2,
//                    success: function (res) {
//                        // 以键值对的形式返回，可用的api值true，不可用为false
//                        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
//                    }
//                });

//                wx.onMenuShareAppMessage({
//                    title: data.title, // 分享标题
//                    desc: data.desc, // 分享描述
//                    link: data.link, // 分享链接
//                    imgUrl: data.imgUrl, // 分享图标
//                    success: function () {
//                        // 用户确认分享后执行的回调函数
//                        alert("分享成功");
//                    },
//                    cancel: function () {
//                        // 用户取消分享后执行的回调函数
//                    }
//                });
//
                wx.onMenuShareWechat({
                    title: data.title, // 分享标题
                    desc: data.desc, // 分享描述
                    link: data.link, // 分享链接
                    imgUrl: data.imgUrl, // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        alert("分享成功");
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                alert("请点击右上角分享");
            }
        });
    }


</script>
</html>