{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)}《{$rs.name}》{/if}{{info.name}}</h3>
        </div>
        <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_id)">{{item.name}}</a>
                        <i class="fa fa-check-circle text-success"></i>
                    </li>
                </ul>
            </div>
            <div class="panel-body" v-show="step==2">
                <h4>以下方式选择一种即可</h4>
                <hr class="mt-sm mb-md">
                <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 " alt="验证码">
                            </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-yellow" @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 mt-lg">
                                    <div class="col-xs-12 text-center">
                                        <button class="btn btn-default" type="button" @click="imgCaptcha()">确定</button>
                                    </div>
                                </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-yellow" @click="checkVerify()">确定</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-sm-4">
                        <h4 class="mt-lg">联系管理员</h4>
                        <hr class="mt-sm mb-md">
                        <p></p>
                    </div>
                </div>
            </div>
            <div class="panel-body" v-show="step==3">
                <form method="post" id="form">
                    <div class="row">
                        <div class="form-group col-sm-3">
                            <label class="control-label">地区</label>
                            <select class="form-control" name="area_id" v-model="infoView.area_id">
                                {php}$options = load_areas();{/php}
                                {include file="block@select" type="area" title="- 请选择地区 -"}
                            </select>
                        </div>
                        <div class="form-group col-sm-6">
                            <label class="control-label">标题</label>
                            <input type="text" class="form-control" placeholder="" v-model="infoView.name">
                        </div>
                        <div class="form-group col-sm-3">
                            <label class="control-label">截至日期</label>
                            <input type="text" class="form-control" id="end_time" v-model="infoView.end_time.full" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label">内容</label>
                        <textarea class="form-control" rows="4" v-model="infoView.info.content"></textarea>
                    </div>
                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label class="control-label">联系人</label>
                            <input type="text" class="form-control" v-model="infoView.info.linkman" placeholder="">
                        </div>
                        <div class="form-group col-sm-6">
                            <label class="control-label">电话</label>
                            <input type="text" class="form-control" v-model="infoView.info.phone.value" placeholder="">
                        </div>

                        <div class="form-group col-sm-6">
                            <label class="control-label">地址</label>
                            <input type="text" class="form-control" v-model="infoView.info.address" placeholder="">
                        </div>
                        <div class="form-group col-sm-10">
                            <div class="item btn-upload">
                                <input type="file" @change="preview" class="add-file" data-length="" name="image[]" accept="image/jpg,image/jpeg,image/png/" multiple>
                                <span class="tips text-muted"><i class="fa fa-cloud-upload mr-xs"></i>点击选择图片</span>
                            </div>
                            <span class="tips pl-sm text-muted">(按ctrl和鼠标左键可选多张图片)</span>
                            <div id="img-upload" class="clearfix">
                                <div class="item" v-for="item in infoView.image" :key="item.id">
                                    <img :src="item.url">
                                </div>
                            </div>
                            <p class="help-block pt-sm">
                                <i class="fa fa-info-circle"></i> 每张不超过500K，格式支持jpg/gif/png。
                            </p>
                        </div>
                    </div>

                    <div class="form-group">
                        <a href="javascript:;" class="btn btn-danger" rel="confirm" @click="delInfo(infoView.id)">删除</a>
                        <button type="button" class="btn btn-yellow pull-right" @click="onSubmit()">保存</button>
                    </div>
                </form>
            </div>
            <div class="form-group mt-lg" v-show="step==2||step==3">
                <h4 class="mt-sm">您还可以进行以下操作</h4>
                <hr class="mt-sm mb-md">
                <a class="btn btn-default" href="javascript:;" @click="setTop()"><i class="fa fa-arrow-up text-danger"></i>&nbsp;&nbsp;置顶</a>
                <a class="btn btn-default" href="javascript:;" @click="setRedPacket()"><i class="iconfont icon-hongbao text-danger"></i>&nbsp;&nbsp;红包</a>
            </div>
        </div>

    </div>
</div>
{/block}{block name="js"}
<script>
    require(['index'])
</script>
{/block}