Home-Data/application/user/view/certification/enterprise.html

{extend name="layout:home" /}
{block name="container"}
<style>
    .information{
        margin-left: 100px;
        margin-top: 40px;
    }
    table{
        margin-left: 100px;
        margin-top: 10px;
    }
    .td_info{
        width: 180px;
        height: 60px;
        line-height: 60px;
    }
    .td_user_info{
        width: 500px;
        height: 60px;
        line-height: 60px;
    }
    table .user_info>input{
        border: 1px #aaa solid;
        border-radius: 2px;
        height: 30px;
        width: 210px;
        line-height:30px ;
    }
    .picture td{
        height: 180px;
    }
    div.images{
        width: 180px;
        /*height: 140px;*/
        /*border: 1px #aaa solid;*/
    }
    td.address input{
        width: 60px;
        margin-left: 10px;
        background-color: white;
        text-align: center;
    }
    td.images>div{
        float: left;
    }
    td.images>div>div{
        height: 30px;
        line-height:30px ;
        font-size: 10px;
    }
</style>
<div class="layui-tab layui-tab-card">
    <form method="post" enctype="multipart/form-data">
        <div class="information">
            <div style="color:dodgerblue;">请务必保证您填写的信息准确无误，否则有可能造成认证失败</div>
        </div>
        <div class="info">
            <table>
                <tr>
                    <td class="td_info">企业名称</td>
                    <td class="td_user_info user_info"><input type="text" name="enterprise" required="required" placeholder="请输入企业名称" value="{$userinfo['enterprise']}"></td>
                </tr>
                <tr>
                    <td class="td_info">企业通讯地址</td>
                    <td class="td_user_info user_info address">
                        <input style="margin-left: 0;cursor:pointer;" readonly="readonly" type="text" id="china" value="中国大陆">
                        <input style="cursor:pointer;" type="text" readonly="readonly" id="gangaotai" value="港澳台">
                        <input style="cursor:pointer;" type="text" readonly="readonly" id="overseas" value="海外">
                        <input type="text"style="display: none;" id="hidden" value="{$userinfo['area']}">
                    </td>
                </tr>
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info user_info"><input type="text" name="enterprise_location" required="required" placeholder="请输入公司所在地" value="{$userinfo['enterprise_location']}"></td>
                </tr>
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info user_info"><input type="text" name="enterprise_address" required="required" placeholder="企业通讯地址" value="{$userinfo['enterprise_address']}"></td>
                </tr>
                <tr>
                    <td class="td_info">联系人姓名</td>
                    <td class="td_user_info user_info"><input type="text" name="contact_name" required="required" placeholder="请输入联系人姓名" value="{$userinfo['contact_name']}"></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr>
                    <td class="td_info">是否三证合一</td>
                    <td class="td_user_info user_info address">
                        <input style="margin-left: 0;cursor:pointer;" type="text" readonly="readonly" id="shi" value="是">
                        <input style="cursor:pointer;" type="text" readonly="readonly" id="fou" value="否">
                        <input type="text"style="display: none;" id="whether" value="{$userinfo['whether']}">
                    </td>
                </tr>
                <tr>
                    <td class="td_info">社会信用代码</td>
                    <td class="td_user_info user_info"><input type="text" name="credit_code" required="required" placeholder="请填写社会信用代码" value="{$userinfo['credit_code']}"></td>
                </tr>
                <tr class="picture">
                    <td class="td_info"><div style="margin-top: -70px;">营业执照</div></td>
                    <td class="td_user_info user_info images">
                        <div class="images">
                            <input type="file" id="file" name="images"/>
                            <img id="onFile" src="" style="width: 180px;">
                        </div>
                        <div style="width:180px;height: 20px;margin-top: 30px;margin-left:20px;text-align: center;font-size: 10px;color: #AAA;text-align: left;">
                                <div>仅支持JPG.PNG格式，且小于2M</div>
                                <div>请上传清晰，端正，文字内容可确认图片，否则可能审核失败</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td_info">开户银行卡所在地</td>
                    <td class="td_user_info user_info"><input type="text" name="bank_location" required="required" placeholder="请输入开户银行卡所在地" value="{$userinfo['bank_location']}"></td>
                </tr>
                <tr>
                    <td class="td_info">开户银行</td>
                    <td class="td_user_info user_info"><input type="text" name="bank" required="required" placeholder="请输入银行名称" value="{$userinfo['bank']}"></td>
                </tr>
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info user_info"><input type="text" name="bankbranch" required="required" placeholder="请输入支行名称" value="{$userinfo['bankbranch']}"></td>
                </tr>
                <tr>
                    <td class="td_info">开户银行账号</td>
                    <td class="td_user_info user_info"><input type="text" name="debit_card" required="required" placeholder="请输入借记卡卡号" value="{$userinfo['userInfo_debit_card']}"></td>
                </tr>
                <!--<tr>-->
                    <!--<td class="td_info"></td>-->
                    <!--<td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>-->
                <!--</tr>-->
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info user_info">
                        <input type="submit" value="确认" style="width: 70px;cursor:pointer;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="button" id="cancel" value="取消" style="width: 70px;cursor:pointer;">
                    </td>
                </tr>
            </table>
        </div>
    </form>
</div>
<script>
    //console.log(document.getElementById("gangaotai").value);
    if(document.getElementById("hidden").value != ''){
        if(document.getElementById("hidden").value == document.getElementById("china").value){
            document.getElementById("china").style.borderColor = "dodgerblue";
            document.getElementById("china").style.backgroundColor = "dodgerblue";
            document.getElementById("china").name = "area";
        }
        if(document.getElementById("hidden").value == document.getElementById("gangaotai").value){
            document.getElementById("gangaotai").style.borderColor = "dodgerblue";
            document.getElementById("gangaotai").style.backgroundColor = "dodgerblue";
            document.getElementById("gangaotai").name = "area";
        }
        if(document.getElementById("hidden").value == document.getElementById("overseas").value){
            document.getElementById("overseas").style.borderColor = "dodgerblue";
            document.getElementById("overseas").style.backgroundColor = "dodgerblue";
            document.getElementById("overseas").name = "area";
        }
    }
    if(document.getElementById("whether").value != ''){
        if(document.getElementById("whether").value == document.getElementById("shi").value){
            document.getElementById("shi").style.borderColor = "dodgerblue";
            document.getElementById("shi").name = "whether";
        }
        if(document.getElementById("whether").value == document.getElementById("fou").value){
            document.getElementById("fou").style.borderColor = "dodgerblue";
            document.getElementById("fou").name = "whether";
        }
    }
    $("#cancel").click(function(){
        window.history.back(-1);
    });
    $("#china").click(function(){
        document.getElementById("china").style.borderColor = "dodgerblue";
        document.getElementById("china").style.backgroundColor = "dodgerblue";
        document.getElementById("gangaotai").style.borderColor = "darkgrey";
        document.getElementById("gangaotai").style.backgroundColor = "white";
        document.getElementById("overseas").style.borderColor = "darkgrey";
        document.getElementById("overseas").style.backgroundColor = "white";
        document.getElementById("china").name = "area";
        document.getElementById("gangaotai").name = "";
        document.getElementById("overseas").name = "";
    });
    $("#gangaotai").click(function(){
        document.getElementById("gangaotai").style.borderColor = "dodgerblue";
        document.getElementById("gangaotai").style.backgroundColor = "dodgerblue";
        document.getElementById("china").style.borderColor = "darkgrey";
        document.getElementById("china").style.backgroundColor = "white";
        document.getElementById("overseas").style.borderColor = "darkgrey";
        document.getElementById("overseas").style.backgroundColor = "white";
        document.getElementById("gangaotai").name = "area";
        document.getElementById("china").name = "";
        document.getElementById("overseas").name = "";
    });
    $("#overseas").click(function(){
        document.getElementById("overseas").style.borderColor = "dodgerblue";
        document.getElementById("overseas").style.backgroundColor = "dodgerblue";
        document.getElementById("gangaotai").style.borderColor = "darkgrey";
        document.getElementById("gangaotai").style.backgroundColor = "white";
        document.getElementById("china").style.borderColor = "darkgrey";
        document.getElementById("china").style.backgroundColor = "white";
        document.getElementById("overseas").name = "area";
        document.getElementById("gangaotai").name = "";
        document.getElementById("china").name = "";
    });
    $("#shi").click(function(){
        document.getElementById("shi").style.borderColor = "dodgerblue";
        document.getElementById("shi").style.backgroundColor = "dodgerblue";
        document.getElementById("fou").style.borderColor = "darkgrey";
        document.getElementById("fou").style.backgroundColor = "white";
        document.getElementById("shi").name = "whether";
        document.getElementById("fou").name = "";
    });
    $("#fou").click(function(){
        document.getElementById("fou").style.borderColor = "dodgerblue";
        document.getElementById("fou").style.backgroundColor = "dodgerblue";
        document.getElementById("shi").style.borderColor = "darkgrey";
        document.getElementById("shi").style.backgroundColor = "white";
        document.getElementById("fou").name = "whether";
        document.getElementById("shi").name = "";
    });

</script>
<script type="text/javascript">
    $(function() {
        $("#file").change(function (e) {
            var img = e.target;
            uploadImgFront(img)
        });

        function uploadImgFront(tag) {
            var file = tag.files[0];
            var imgSrc;
            if (!/image\/\w+/.test(file.type)) {
                alert("您选择的图片格式错误");
                let fileIput = $("#file").val("");
                //fileIput.after(fileIput.clone().val(""));
                $("#onFile").attr("src", '/static/user/images/header.png');
                //fileIput.remove();
                return false;
            }
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function () {
                imgSrc = this.result;
                $("#onFile").attr("src", imgSrc);
            };
        }
    })


    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy/MM/dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}