251 行
15 KiB
HTML
251 行
15 KiB
HTML
<form id="add-form" class="form-horizontal fc-modal-form" role="form" data-toggle="validator" method="POST" action="">
|
||
|
||
<!-- 区块一：基本信息 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge">1</span>
|
||
<span class="fc-form-section__title">基本信息</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">所属分类 <span class="text-danger">*</span>:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-category_id" data-rule="required" data-source="fc/category/selectpage" data-field="name" class="form-control selectpage" name="row[category_id]" type="text" value="" placeholder="请选择分类">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">发布用户 <span class="text-danger">*</span>:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-user_id" data-rule="required" min="0" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="" placeholder="绑定用户">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">发布身份 <span class="text-danger">*</span>:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="radio-group" style="padding-top:7px;">
|
||
<label class="radio-inline"><input type="radio" name="row[identity_type]" value="1" checked> <span class="label label-info"><i class="fa fa-user"></i> 个人</span></label>
|
||
<label class="radio-inline"><input type="radio" name="row[identity_type]" value="2"> <span class="label label-warning"><i class="fa fa-briefcase"></i> 商家</span></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-2">信息标题 <span class="text-danger">*</span>:</label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<input id="c-title" data-rule="required" class="form-control" name="row[title]" type="text" value="" placeholder="请输入吸睛、清晰的信息标题">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">标价金额:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="input-group">
|
||
<span class="input-group-addon">¥</span>
|
||
<input id="c-price" class="form-control" step="0.01" name="row[price]" type="number" value="0.00" placeholder="0.00 为面议或免费">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">计价单位:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-price_unit" class="form-control" name="row[price_unit]" type="text" value="面议" placeholder="如：元/月、元/件、面议">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">所在区域:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-area" class="form-control" name="row[area]" type="text" value="" placeholder="如：观山湖区、云岩区">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">详细地址:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-address" class="form-control" name="row[address]" type="text" value="" placeholder="如：XX路XX号">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-2">特性标签:</label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<input id="c-tags" class="form-control" data-role="tagsinput" name="row[tags]" type="text" value="" placeholder="输入标签后按回车分隔">
|
||
<span class="help-block text-muted"><i class="fa fa-info-circle"></i> 示例：随时看房, 精装修, 包物业费（回车自动生成标签胶囊）</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 区块二：详细内容与图片 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge">2</span>
|
||
<span class="fc-form-section__title">详细内容与图集</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-2">详细描述:</label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<textarea id="c-content" class="form-control editor" rows="6" name="row[content]" cols="50" placeholder="请输入详细描述内容..."></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-2">封面主图:</label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<div class="input-group">
|
||
<input id="c-cover" class="form-control" size="50" name="row[cover]" type="text" value="" placeholder="留空时默认取图集第一张">
|
||
<div class="input-group-addon no-border no-padding">
|
||
<span><button type="button" id="faupload-cover" class="btn btn-primary faupload" data-input-id="c-cover" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-cover"><i class="fa fa-upload"></i> 上传</button></span>
|
||
<span><button type="button" id="fachoose-cover" class="btn btn-default fachoose" data-input-id="c-cover" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
|
||
</div>
|
||
<span class="msg-box n-right"></span>
|
||
</div>
|
||
<ul class="row list-inline faupload-preview fc-upload-preview" id="p-cover"></ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-2">多图画廊:</label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<div class="input-group">
|
||
<input id="c-media" class="form-control" size="50" name="row[media]" type="text" value="" placeholder="点击上传或选择图片，支持多选拖拽排序">
|
||
<div class="input-group-addon no-border no-padding">
|
||
<span><button type="button" id="faupload-media" class="btn btn-primary faupload" data-input-id="c-media" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-media"><i class="fa fa-upload"></i> 批量上传</button></span>
|
||
<span><button type="button" id="fachoose-media" class="btn btn-default fachoose" data-input-id="c-media" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> 媒体库选择</button></span>
|
||
</div>
|
||
<span class="msg-box n-right"></span>
|
||
</div>
|
||
<ul class="row list-inline faupload-preview fc-upload-preview" id="p-media"></ul>
|
||
<span class="help-block text-muted"><i class="fa fa-info-circle"></i> 支持上传多张展示图，拖动可调整展示顺序，点击图片右上角可删除。</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 区块三：联系方式 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge">3</span>
|
||
<span class="fc-form-section__title">联系方式</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-4">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">联系人:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-contact" class="form-control" name="row[contact]" type="text" value="" placeholder="如：李先生">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">联系电话:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-phone" class="form-control" name="row[phone]" type="text" value="" placeholder="手机或座机">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">微信号:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-wechat" class="form-control" name="row[wechat]" type="text" value="" placeholder="微信联系账号">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 区块四：审核与运营设置 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge">4</span>
|
||
<span class="fc-form-section__title">运营与审核状态</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">审核状态:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="radio-group" style="padding-top:7px;">
|
||
<label class="radio-inline"><input type="radio" name="row[audit_status]" value="0"> <span class="label label-warning">待审核</span></label>
|
||
<label class="radio-inline"><input type="radio" name="row[audit_status]" value="1" checked> <span class="label label-success">已通过</span></label>
|
||
<label class="radio-inline"><input type="radio" name="row[audit_status]" value="2"> <span class="label label-danger">已驳回</span></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">上架状态:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="radio-group" style="padding-top:7px;">
|
||
<label class="radio-inline"><input type="radio" name="row[status]" value="1" checked> <span class="text-success"><i class="fa fa-check-circle"></i> 正常上架</span></label>
|
||
<label class="radio-inline"><input type="radio" name="row[status]" value="0"> <span class="text-muted"><i class="fa fa-ban"></i> 已下架</span></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">首页置顶:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-is_top" name="row[is_top]" type="hidden" value="0">
|
||
<a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-is_top" data-yes="1" data-no="0">
|
||
<i class="fa fa-toggle-on text-success fa-flip-horizontal text-gray fa-2x"></i>
|
||
</a>
|
||
<span class="help-inline text-muted" style="vertical-align:super;margin-left:8px;">开启后在首页优先展示</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-12 col-sm-4">浏览初始值:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-views" class="form-control" name="row[views]" type="number" min="0" value="0" placeholder="浏览量初始计数">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 弹窗底部操作按钮 -->
|
||
<div class="form-group layer-footer fc-modal-footer">
|
||
<label class="control-label col-xs-12 col-sm-2"></label>
|
||
<div class="col-xs-12 col-sm-10">
|
||
<button type="submit" class="btn btn-primary btn-embossed disabled">保存</button>
|
||
<button type="reset" class="btn btn-default btn-embossed">重置</button>
|
||
</div>
|
||
</div>
|
||
</form>
|