{extend name="common@index"}
{block name="title"}管理信息{if isset($rs.id)}《{$rs.name}》{/if}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__CSS__manage.css">
{/block}
{block name="main"}
<div id="manage">
    <div class="panel p-lg" v-cloak>
        <div class="panel-heading">
            <h3>管理信息{if isset($rs.id)}《<a href="{$rs.url}" target="_blank">{$rs.name}</a>》{/if}</h3>
            <hr class="mt-sm">
        </div>
        <div class="panel-body p-lg" v-show="step==1">
            <h4 class="pl-md mb-md">输入您的手机号码，点击查询按钮查找信息</h4>
            <div class="form-group clearfix">
                <div class="col-sm-4">
                    <input type="text" class="form-control" v-model="phone" placeholder="输入您的手机号码">
                </div>
                <div class="col-sm-4">
                    <button class="btn btn-yellow search" type="button" @click="search()">查询</button>
                </div>
            </div>
            <ul class="clearfix mt-lg pl-sm" v-cloak>
                <li class="mt-xs" v-for="item in infoList" :key="item.id">
                    <a href="javascript:;" class="overflow text-muted" @click="verifyInfo(item.id, item.column.key)">{{item.name}}</a>
                    <i class="fa fa-check-circle text-success"></i>
                </li>
            </ul>
        </div>
        <div class="panel-body" v-show="step==2">
            <div class="form-group mb-lg" v-show="step==2||step==3">
                <h4 class="mt-sm"><i class="fa fa-wrench text-danger"></i> 您可以直接进行以下操作</h4>
                <hr class="mt-sm mb-md">
                {if isset($rs)}
                <a class="btn btn-default mr-md" href="{:url('index/index/top', ['id'=>$rs.id])}"><i class="fa fa-arrow-up text-danger"></i>&nbsp;&nbsp;置顶信息，让更多人看到信息</a>
                <a class="btn btn-default" href="{:url('index/index/redpack', ['id'=>$rs.id])}"><i class="iconfont icon-hongbao text-danger"></i>&nbsp;&nbsp;塞个红包，让更多人帮助传播信息</a>
                {/if}
            </div>

            <h4 class="pt-lg"><i class="fa fa-pencil text-danger"></i> 如果您想修改信息内容，请使用以下方式获取权限</h4>
            <hr class="mt-sm">
            <div class="row">
                <div class="col-sm-4">
                    <h4 class="mt-lg">预留密码</h4>
                    <hr class="mt-sm mb-md">
                    <form method="post" class="form-horizontal">
                        <div class="form-group clearfix">
                            <div class="col-xs-7">
                                <input type="text" class="form-control input-sm" v-model="sms.captcha" placeholder="请输入图片验证码">
                            </div>
                            <img src="" rel="captcha" @click="changeImgCode" data-src="{:captcha_src()}" class="img-captcha">
                        </div>
                        <div class="form-group">

                            <div class="col-xs-7">
                                <input type="password" class="form-control input-sm" name="pwd" v-model="pwd" placeholder="请输入预留密码">
                            </div>
                            <button type="button" class="btn btn-sm btn-primary" @click="checkVerify()">确定</button>

                        </div>
                    </form>
                </div>
                <div class="col-sm-4">
                    <h4 class="mt-lg">短信验证码 <small>(将发往信息中的联系电话)</small></h4>
                    <hr class="mt-sm mb-md">
                    <form method="post" class="form-horizontal" data-validator-option='{stopOnError:false, timely:2, theme:"yellow_right"}'>
                        <div class="form-group clearfix">
                            <div class="col-xs-3">
                                <p class="form-control-static">手机号</p>
                            </div>
                            <div class="col-xs-7">
                                <img :src="phoneImg" alt="">
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <div class="col-xs-7">
                                <input type="text" class="form-control input-sm" v-model="sms.captcha" placeholder="请输入图片验证码">
                            </div>
                            <img src="" rel="captcha" @click="changeImgCode" data-src="{:captcha_src()}" class="img-captcha" alt="验证码">
                        </div>
                        <div class="form-group">
                            <div class="col-sm-7">
                                <input type="text" class="form-control input-sm" name="msgcode" v-model="sms.code" placeholder="请输入短信验证码" data-rule="required" data-msg-required="请填写短信验证码">
                            </div>
                            <button type="button" :disabled="sms.lock" @click="getVerify()" class="btn btn-sm btn-yellow">{{sms.text}}</button>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-sm mt-sm btn-primary" @click="checkVerify()">确定</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-sm-4">
                    <h4 class="mt-lg">联系管理员</h4>
                    <hr class="mt-sm mb-md">
                    <p>如果您忘记了修改密码，手机号无法接收短信，可联系我们帮助您修改。 <a href="/feedback"> <i class="fa fa-edit"></i> 点击留言</a> </p>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>
    require(['index'])
</script>
{/block}