| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>添加内容</title>
- <style>
- label.error {
- left: 15px;
- top: 29px
- }
- .ke-container {
- width: 100% !important;
- }
- .ke-swfupload-body {
- height: 265px
- }
- .ke-dialog-body {
- height: 340px !important;
- }
- .ke-dialog-default {
- height: 410px !important;
- }
- </style>
- </head>
- <body layout:fragment="content">
- <article class="page-container">
- <form class="form form-horizontal" id="form-content-add">
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类栏目:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span class="select-box">
- <input type="hidden" name="navigation_name"/>
- <select th:id="navigation_id" class="select" th:name="navigation_id" onchange="getName(this);">
- <option value="">--请选择--</option>
- <option value="" th:each="item : ${navigationList}" th:value="${item.id}" th:text="${item.name}">
- </option>
- </select>
- </span>
- </div>
- </div>
- <div class="row cl service_pic">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>图片:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <div class="uploader-thum-container">
- <div id="fileList" class="uploader-list"></div>
- <div id="filePicker" class="margin-right-10">选择图片</div>
- <input type="hidden" value="" th:id="img" th:name="img"/>
- <div id="fileListPre"></div>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>内容标题:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="text" class="input-text" value="" placeholder="请输入内容标题" th:id="title" th:name="title"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span c lass="c-red"></span>来源:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="text" class="input-text" value="" placeholder="请输入内容来源" th:id="resource"
- th:name="resource"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>内容摘要:</span></label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="text" class="input-text" th:id="brief" th:name="brief"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>内容正文:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <textarea id="content" name="content" th:name="content"></textarea>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>置顶:</span></label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="radio" name="is_top" checked value="0">否</input>
- <input type="radio" name="is_top" value="1">是</input>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>显示顺序:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="number" class="input-text" value="1" th:id="sort" th:name="sort"/>
- </div>
- </div>
- <div class="row cl" id = "addfile">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>附件:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <!-- <div><i class="Hui-iconfont" style="cursor: pointer;" onclick="addFileLine('otherMaterials')"> 添加</i></div> -->
- <table class="table table-border table-bordered table-bg table-hover ">
- <thead>
- <tr class="text-c">
- <th>上传材料</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody class="add_file_line">
- <tr class="text-c" >
- <td class="td_material">
- <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFileByName(\'/government/content/addFile'+'\',this);'"/>
- <input class="uploadFileId" type="hidden" th:name="addFileDown.file_id"/>
- </td>
- <td class="icon_font"><i class='Hui-iconfont' onclick='deleteFile(this)'> 删除</i></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="row cl">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 发布</button>
- <!--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i-->
- <!--class="Hui-iconfont"></i> 保存草稿-->
- <!--</button>-->
- <button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>
- </div>
- </div>
- </form>
- </article>
- <script type="text/javascript" th:src="@{/js/government/content/content_add.js}"></script>
- <script th:inline="javascript">
- $(".service_pic").hide();
- var uploadflag = true;
- //富文本kindeditor初始化
- var editor;
- KindEditor.ready(function (K) {
- editor = K.create('#content', {
- uploadJson: pagePath + '/upload/kindEditorUpload',
- allowFileManager: false,
- allowUpload: true,
- width: "100%",
- height: "350px",
- items: array,
- syncType: "auto",
- afterBlur: function () {
- this.sync();
- }
- });
- });
- /*
- // 初始化图片上传
- var options = {
- auto: false,
- uploadBtnId: '#filePicker',
- picturePreId: 'fileListPre',
- hiddenPictureUrl: 'fileDown.file_id',
- hiddenPictureName: 'imgName',
- accept: {
- title: 'Images',
- extensions: 'gif,jpg,jpeg,bmp,png',
- mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
- },
- fileSizeLimit: 100 * 1024 * 1024,
- fileSingleSizeLimit: 100 * 1024 * 1024,
- //fileNumLimit: 3
- };
- var webUploadPicture = new $WebUploadPicture(options);
- */
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- function getName(obj) {
- $("input[name='navigation_name']").val($(obj).find("option:selected").text());
- if ($(obj).val() == '2') {
- $(".service_pic").show();
- if(uploadflag){
- webUploadPicture.init();
- }
- uploadflag = false;
- //$("#addfile").hide();
- } else {
- $(".service_pic").hide();
- //$("#addfile").show();
- }
- }
- function deleteFile(obj) {
- $(obj).parent().parent()
- .find(".uploadFileName").val("").end()
- .find(".uploadFileId").val("").end();
- }
-
- //添加相应name的文件
- function addFileByName(url,obj){
- var name = $(obj).next().attr("name");
- url += "?fileIdName="+name;
- layer_show('添加文件',pagePath+url,800,350);
- }
-
- </script>
- </body>
- </html>
|