appactivity.html 18.5 KB
<div class="row ">
        <div class="col-md-12 ITD-padding-common margin-bottom-18 margin-top-18">
            <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                <div class="row">

                     <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="jump_types" class="selectpicker" data-width="100%">
                            <option value="[1,2,3,4]">所有活动类型</option>
                            <option value="[1]">普通活动</option>
                            <option value="[2]">功能</option>
                            <option value="[3]">年终活动</option>
                            <option value="[4]">图片展示</option>
                        </select>
                    </div>
                    <!--细分类型-->
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="activity_types" class="selectpicker" data-width="100%">
                            <option value="[1,2,3,4]">所有细分类型</option>
                            <option value="[1]">注册活动</option>
                            <option value="[2]">充值活动</option>
                            <option value="[3]">优惠券活动</option>
                            <option value="[4]">折扣活动</option>
                        </select>
                    </div>
                    <!--所有活动状态-->
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="acti_type" class="selectpicker" data-width="100%">
                            <option value="">所有活动状态</option>
                            <option value="1">上架</option>
                            <option value="2">下架</option>
                        </select>
                    </div>
                    <!--所有状态-->
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="acti_status" class="selectpicker" data-width="100%">
                            <option value="">所有状态</option>
                            <option value="1">生效</option>
                            <option value="2">失效</option>
                            <option value="0">未生效</option>
                        </select>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="float-right">
                            <div class="ITD-common-searchbtn" id="act_queryBtn">查询</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- 主体内容----------------------------------------->
<div class="row ">
        <div class=" col-md-12 col-sm-12 ITD-padding-common">
            <div class="ITD-box-shadow ITD-border-radius padding0-20">
                <ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">
                    <li class="float-left ">详细列表</li>
                    <li class="float-right" >
                        <button id="appact_addBtn" class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray ">
                            <i class="fa ITD-panelicon-add"></i>新增
                        </button>
                    </li>
                </ul>
                <table id="actiTable" class="ITD-fix-table common-tableh47"></table>
            </div>
        </div>
    </div>
<!--主体内容 end-->

<!--add 弹窗 sta-->
<div class="modal fade in" id="appact_addmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-773">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername" >新增</span>
                <!--<input id="delcoupId" type="hidden" value="">-->
            </div>
            <div class="modal-body ITD-model-contbody">
                <!--错误提示 sta-->
                <div id="areamanage-addParkinglot" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <!--img upload sta-->
                <div id="formAdd" style="padding-left: 35px">
                    <form id="uploadFormPicter" enctype="multipart/form-data">
                        <div class="form-group">
                            <div style="height:20px;"  class="ITD-model-errormsg" id="picErrorMsg"></div>
                            <div class="fileinput fileinput-new" data-provides="fileinput"  id="exampleInputUpload">
                                <div class="fileinput-new thumbnail" style="width: 695px;height: auto;height:200px;background-color: #fafafa">
                                    <img id="picImg" style="width: 88px;height: 95px;margin-top: 52.5px;margin-left: 303.5px" src="../../assets/pages/img/noimage.png" alt="" />
                                </div>
                                <div id="extisUserImg" class="fileinput-preview fileinput-exists thumbnail" style="width: 695px; height: 200px;"></div>
                                <div style="margin-top: 8px" id="removeMsgText">
                                       <span class="btn btn-primary btn-file">
                                        <span class="fileinput-new">选择图片</span>
                                        <span class="fileinput-exists">换一张</span>
                                        <input type="file" name="uploadFile" id="picID" accept="image/gif,image/jpeg,image/x-png"/>
                                        </span>
                                    <a href="javascript:;" class="btn btn-warning fileinput-exists" data-dismiss="fileinput" >移除</a>
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- <div class="modal-footer ITD-model-footer"> 跳转地址 活动类型 细分类型 生效时间 失效时间
                         <button type="button" id="uploadPicterSubmit" class="btn btn-info">提交</button>
                     </div>-->
                </div>
                <!--img upload end-->
                <div class="ITD-padding-15">
                    <div class="ITD-common-display-flex">
                        <div class="ITD-common-perflex">
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">跳转地址<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="imggo_add" maxlength="60">
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">活动类型</div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <select id="card_typeadd" class="selectpicker" data-width="180px" data-size="5" data-live-search="true">
                                        <option value="[1,4]">所有活动类型</option>
                                        <option value="[1]">普通活动</option>
                                        <option value="[4]">图片展示</option>
                                    </select>
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <label class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">生效时间</label>
                                <div class="ITD-form-padleft5-read float-left" id="">
                                    <input type="text" class="form-control daterange-str appact-daterange-bg" readonly="" placeholder="" id="timeinStartDate">
                                </div>
                            </div>
                        </div>
                        <div class="ITD-common-perflex">
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">细分类型</div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <select id="card_stateadd" class="selectpicker" data-width="180px" data-size="5" data-live-search="true">
                                        <option value="[1,2,3,4]">所有细分类型</option>
                                        <option value="[1]">注册活动</option>
                                        <option value="[2]">充值活动</option>
                                        <option value="[3]">优惠券活动</option>
                                        <option value="[4]">折扣活动</option>
                                    </select>
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <label class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">失效时间</label>
                                <div class="ITD-form-padleft5-read float-left" id="">
                                    <input type="text" class="form-control daterange-str appact-daterange-bg" readonly="" placeholder="" id="timeinEndDate">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green btn-info" id="appactadd_submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--add end-->

<!--修改 弹窗 sta-->
<div class="modal fade in" id="appact_relmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-773">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername" >新增</span>
                <!--<input id="delcoupId" type="hidden" value="">-->
            </div>
            <div class="modal-body ITD-model-contbody">
                <!--错误提示 sta-->
                <div id="areamanage-relerror" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <!--img upload sta-->
                <div id="formrel" style="padding-left: 35px">
                    <form id="uploadFormPicterrel" enctype="multipart/form-data">
                        <div class="form-group">
                            <div style="height:20px;"  class="ITD-model-errormsg" id="picErrorMsgrel"></div>
                            <div class="fileinput fileinput-new" data-provides="fileinput"  id="exampleInputUploadrel">
                                <div class="fileinput-new thumbnail" style="width: 695px;height: auto;height:200px;background-color: #fafafa">
                                    <img id="picImgrel" style="width: 88px;height: 95px;margin-top: 52.5px;margin-left: 303.5px" src="../../assets/pages/img/noimage.png" alt="" />
                                </div>
                                <div id="extisUserImgrel" class="fileinput-preview fileinput-exists thumbnail" style="width: 695px; height: 200px;"></div>
                                <div style="margin-top: 8px" id="removeMsgTextrel">
                                       <span class="btn btn-primary btn-file">
                                        <span class="fileinput-new">选择图片</span>
                                        <span class="fileinput-exists">换一张</span>
                                        <input type="file" name="uploadFile" id="picIDrel" accept="image/gif,image/jpeg,image/x-png"/>
                                        </span>
                                    <a href="javascript:;" class="btn btn-warning fileinput-exists" data-dismiss="fileinput" >移除</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!--img upload end-->
                <div class="ITD-padding-15">
                    <div class="ITD-common-display-flex">
                        <div class="ITD-common-perflex">
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">跳转地址<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="imggo_rel" maxlength="60">
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">活动类型</div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <select id="card_typerel" class="selectpicker" data-width="180px" data-size="5" data-live-search="true">
                                        <option value="[1,4]">所有活动类型</option>
                                        <option value="[1]">普通活动</option>
                                        <option value="[4]">图片展示</option>
                                    </select>
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <label class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">生效时间</label>
                                <div class="ITD-form-padleft5-read float-left" id="">
                                    <input type="text" class="form-control daterange-str appact-daterange-bg" readonly="" placeholder="" id="timeinStartDaterel">
                                </div>
                            </div>
                        </div>
                        <div class="ITD-common-perflex">
                            <div class="ITD-form-group margin-bottom-16">
                                <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">细分类型</div>
                                <div class="ITD-form-padleft5-read float-left" >
                                    <select id="card_staterel" class="selectpicker" data-width="180px" data-size="5" data-live-search="true">
                                        <option value="[1,2,3,4]">所有细分类型</option>
                                        <option value="[1]">注册活动</option>
                                        <option value="[2]">充值活动</option>
                                        <option value="[3]">优惠券活动</option>
                                        <option value="[4]">折扣活动</option>
                                    </select>
                                </div>
                            </div>
                            <div class="ITD-form-group margin-bottom-16">
                                <label class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">失效时间</label>
                                <div class="ITD-form-padleft5-read float-left" id="">
                                    <input type="text" class="form-control daterange-str appact-daterange-bg" readonly="" placeholder="" id="timeinEndDaterel">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green btn-info" id="appactrel_submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--修改 end-->

<!--删除弹窗 sta-->
<div class="modal fade in" id="appact_deletemodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername" >删除</span>
                <input id="delcoupId" type="hidden" value="">
            </div>
            <div class="modal-body">
                <div class="ITD-deletemodel-content">
                </div>
                <div class="ITD-deletemodel-contentmsg">确定要删除吗?</div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green" id="appactdel_submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--删除弹窗 end-->

<script src="../../assets/pages/scripts/otherSetting/appactive/appactivity.js"></script>