manyi/static/administrator/tpl/faq.html

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h4">FAQ管理</h1>
</div>
<div class="wrapper-md" ng-controller="faqCtrl">
    <style type="text/css" rel="stylesheet">

    </style>

    <div class="panel panel-default">

        <div class="row wrapper">
            <div class="col-sm-3">
                <div class="btn btn-default" ng-click="add()"><i class="fa fa-plus-circle"></i> 新增</div>
                <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 修改</div>
                <div class="btn btn-default" ng-click="deleteData()"><i class="fa fa-trash-o"></i> 删除</div>
            </div>

            <div class="col-sm-4">
            </div>

            <div class="col-sm-5">
                <div class="col-sm-4">

                </div>
                <div class="col-sm-8">
                    <div class="btn-group input-group">
                        <input type="text" class=" form-control" ng-model="condition.searchKey"
                               ng-keydown="$event.keyCode==13&&event.search()"
                               placeholder="">
                    <span class="input-group-btn">
                         <div class="btn  btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
                    </span>
                    </div>
                </div>

            </div>
        </div>

        <div class="table-responsive">
            <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection
                 ui-grid-resize-columns></div>
        </div>
    </div>


    <form name="dataForm" id="dataPanel" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 800px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong ng-bind="dialogName"></strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-3 control-label">问题类型<i class="text-danger text-base"> *</i></label>
                    <div class="col-sm-9">
                        <select ng-options="item.value as item.text for item in targetList"
                                ng-model="dialogData.target"
                                class="form-control">
                            <option value="" selected>全部</option>
                        </select>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">设备类型</label>
                    <div class="col-sm-9">
                        <select ng-options="item.id as item.name for item in devTypeList"
                                ng-model="dialogData.devTypeId"
                                class="form-control">
                            <option value="" selected hidden></option>
                        </select>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">问题<i class="text-danger text-base"> *</i></label>
                    <div class="col-sm-9">
                        <textarea ng-model="dialogData.question" style="height: 100px;" class="form-control"
                                  placeholder="问题"
                                  required></textarea>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">答案<i class="text-danger text-base"> *</i></label>
                    <div class="col-sm-9">
                        <textarea ng-model="dialogData.answer" style="height: 100px;" class="form-control"
                                  placeholder="答案"
                                  required></textarea>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">插入图片</label>
                    <div class="col-sm-9">
                        <div class="col-sm-4">
                            <!---文件选择-->
                            <input type="file" nv-file-select="" id="fileUpload" uploader="imageUploader"/>
                            <input type="hidden" name="img" id="fileUploadValue" title="图片路径隐藏域"
                                   class="form-control hide-required-img-input img-input"
                                   ng-model="dialogData.images"/>
                        </div>

                        <div class="col-sm-4">
                            <!---图片预览-->
                            <img id="previewImg" style="max-height: 100px;max-width: 100px"
                                 ng-click="removeImgPreview()">
                        </div>

                        <div class="col-sm-4">
                            <!---上传按钮-->
                            <button type="button" class="btn btn-addon btn-success" ng-click="imageUploader.uploadAll()"
                                    ng-disabled="!imageUploader.getNotUploadedItems().length">
                                <i class="fa fa-arrow-circle-o-up"></i> 上传图片
                            </button>
                        </div>
                    </div>

                    <div class="col-sm-3"></div>
                    <div class="col-sm-9">
                        <!---上传进度-->
                        <div class="progress-xs bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
                            <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
                                 ng-style="{ 'width': imageUploader.progress + '%' }"></div>
                        </div>
                    </div>

                    <div class="col-sm-3"></div>
                    <div class="col-sm-9">
                        <div ng-if="dialogData.images&&dialogData.images.length>0" ng-repeat="src in dialogData.images"
                             class="preview-card">
                            <!---图片列表-->
                            <img ng-src="{{src}}">
                            <i class="fa fa-close text-danger" ng-click="removeImg($index)"></i>
                        </div>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">插入视频</label>
                    <div class="col-sm-9">
                        <div class="col-sm-4">
                            <!---文件选择-->
                            <input type="file" nv-file-select="" id="fileUpload2" uploader="videoUploader"/>
                            <input type="hidden" id="fileUploadValue2" title="视频路径隐藏域"
                                   class="form-control hide-required-img-input img-input"
                                   ng-model="dialogData.videos"/>
                        </div>

                        <div class="col-sm-4">
                            <!---视频预览-->
                            <video id="previewVideo" controls="controls" autoplay ng-click="removeVideoPreview()"
                                   style="max-height: 100px;max-width: 100px;"></video>
                        </div>

                        <div class="col-sm-4">
                            <!---上传按钮-->
                            <button type="button" class="btn btn-addon btn-success" ng-click="videoUploader.uploadAll()"
                                    ng-disabled="!videoUploader.getNotUploadedItems().length">
                                <i class="fa fa-arrow-circle-o-up"></i> 上传视频
                            </button>
                        </div>
                    </div>

                    <div class="col-sm-3"></div>
                    <div class="col-sm-9 text-info text-center">请您确保上传的视频能在微信端正常播放!</div>

                    <div class="col-sm-3"></div>
                    <div class="col-sm-9">
                        <!---上传进度-->
                        <div class="progress-xs bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
                            <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
                                 ng-style="{ 'width': videoUploader.progress + '%' }"></div>
                        </div>
                    </div>

                    <div class="col-sm-3"></div>
                    <div class="col-sm-9">
                        <div ng-if="dialogData.videos&&dialogData.videos.length>0" ng-repeat="src2 in dialogData.videos"
                             class="preview-card preview-card-video">
                            <!---视频列表-->
                            <video controls="controls" ng-src="{{src2}}"></video>
                            <i class="fa fa-close text-danger" ng-click="removeVideo($index)"></i>
                        </div>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <footer class="panel-footer text-right bg-light lter">
                    <button type="submit" class="btn btn-success" ng-click="saveData()">保存
                    </button>
                </footer>

            </div>
        </div>
    </form>


</div>